@charset "utf-8";




/* 自定义初始化全局:开始*************************************************************************************************************/
:root {
  --bs-000:#000;
  --bs-tr00001:rgba(0,0,0,0.1);
  --bs-tr00002:rgba(0,0,0,0.2);
  --bs-tr00003:rgba(0,0,0,0.3);
  --bs-tr00004:rgba(0,0,0,0.4);
  --bs-tr00005:rgba(0,0,0,0.5);
  --bs-tr00006:rgba(0,0,0,0.6);
  --bs-tr00007:rgba(0,0,0,0.7);
  --bs-tr00008:rgba(0,0,0,0.8);
  --bs-tr00009:rgba(0,0,0,0.9);

  
  --bs-trfff01:rgba(255,255,255,0.1);
  --bs-trfff02:rgba(255,255,255,0.2);
  --bs-trfff03:rgba(255,255,255,0.3);
  --bs-trfff04:rgba(255,255,255,0.4);
  --bs-trfff05:rgba(255,255,255,0.5);
  --bs-trfff06:rgba(255,255,255,0.6);
  --bs-trfff07:rgba(255,255,255,0.7);
  --bs-trfff08:rgba(255,255,255,0.8);
  --bs-trfff09:rgba(255,255,255,0.9);

  --bs-fff:#fff;
  --bs-333:#333;
  --bs-f9:#f9f9f9;
  --bs-f8:#f8f8f8;
  --bs-f7:#f7f7f7;
  --bs-f6:#f6f6f6;
  --bs-f5:#f5f5f5;
  --bs-f3:#f3f3f3;
  --bs-555:#555;
  --bs-666:#666;
  --bs-eee:#eee;
  --bs-bbb:#bbb;
  --bs-ddd:#ddd;
  --bs-aaa:#aaa;
  --bs-888:#888;
  --bs-996633:#996633;
  --bs-996600:#996600;
  
  --bs-danger:#da251d;

  --bs-red:#da251d;
  --bs-trred01:rgba(218,37,29,0.1);
  --bs-trred02:rgba(218,37,29,0.2);
  --bs-trred03:rgba(218,37,29,0.3);
  --bs-trred04:rgba(218,37,29,0.4);
  --bs-trred05:rgba(218,37,29,0.5);
  --bs-trred06:rgba(218,37,29,0.6);
  --bs-trred07:rgba(218,37,29,0.7);
  --bs-trred08:rgba(218,37,29,0.8);
  --bs-trred09:rgba(218,37,29,0.9);

  --bs-success:#198754;
  --bs-trsuccess01:rgba(25,135,84,0.1);
  --bs-trsuccess02:rgba(25,135,84,0.2);
  --bs-trsuccess03:rgba(25,135,84,0.3);
  --bs-trsuccess04:rgba(25,135,84,0.4);
  --bs-trsuccess05:rgba(25,135,84,0.5);
  --bs-trsuccess06:rgba(25,135,84,0.6);
  --bs-trsuccess07:rgba(25,135,84,0.7);
  --bs-trsuccess08:rgba(25,135,84,0.8);
  --bs-trsuccess09:rgba(25,135,84,0.9);

  --bs-suchei:#01522d;



  /*产品列表单元*/
  --bs-boxb1:#f1fafc;
  --bs-boxb2:#d6f4fa;
  --bs-tagcolor:#4b8a8a;

  /*专题*/
  --bs-zt:#c1fbfa;
  

  /*logo*/
  --bs-logo0:#231814;
  --bs-logo1:#da251d;

  --bs-info:#04d3fd;
  --bs-info-light:#daf8fe;
  --bs-info-dark:#00a6c8;
  --bs-trinfo01:rgba(4,211,253,0.1);
  --bs-trinfo02:rgba(4,211,253,0.2);
  --bs-trinfo03:rgba(4,211,253,0.3);
  --bs-trinfo04:rgba(4,211,253,0.4);
  --bs-trinfo05:rgba(4,211,253,0.5);
  --bs-trinfo06:rgba(4,211,253,0.6);
  --bs-trinfo07:rgba(4,211,253,0.7);
  --bs-trinfo08:rgba(4,211,253,0.8);
  --bs-trinfo09:rgba(4,211,253,0.9);
  --bs-cp-tag:#4b8a8a;

  --bs-cpzhuanti:#9ffdfd;
  
}
html,body {font-size: 16px;color: var(--bs-333);background-color: var(--bs-fff); }
@media (max-width:575px) {
  /*html,body {background-color: var(--bs-f6);}
*/
}
body,* {box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
@media (min-width:1600px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    max-width:1400px;
  }
}

a {color: var(--bs-333);text-decoration: none;}
a:hover {color:#da251d;text-decoration: none; }
ul, ol {margin: 0;}
br {display: none;}

.hidden {display:none !important;visibility:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.ellipsis,.ellipsis1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2 {
  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
.ellipsis3 {
  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 3;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
.ellipsis4 {
  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 4;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
.dongjie {width: 100% !important;height: 100vh !important;overflow: hidden;}
.yuanjiao-1rem {border-radius: 1rem;}
.yuanjiao-2rem {border-radius: 2rem;}
.max-1920 {max-width: 1920px;width: 100%;margin: 0 auto;}

.color-red {color: var(--bs-red);}
.color-red a {color: var(--bs-red);}
.bg-f5 {background-color: var(--bs-f5);}
.bg-red {background-color: var(--bs-red);}
.bg-fff {background-color: var(--bs-fff) !important;}
.color-fff {color: var(--bs-fff);}
.color-fff a {color: var(--bs-fff);}
/*.bg-cpzhuanti {background-color: var(--bs-cpzhuanti);}*/
@media (max-width:575px) {
  .bg-fff-m {background-color: var(--bs-fff);}
  .none-m {display: none !important;}
}

@media (max-width:1199px) {
  .w-75 {width: 100% !important;}
}

/*.h1,h1 {
  font-size:calc(1.2rem + 1vw);
  
}
.h2,h2 {
  font-size:calc(1.1rem + .9vw);
  margin-top: 3rem;margin-bottom: 2rem;
}
.h3,h3 {
  font-size:calc(1.05rem + .6vw);
  margin-top: 2.6rem;margin-bottom: 1.8rem;
}
.h4,h4 {
  font-size:calc(1rem + .3vw);
  margin-top: 2.2rem;margin-bottom: 1.6rem;
}
.h5,h5 {
  font-size:1.25rem;
  margin-top: 2rem;margin-bottom: 1.6rem;
}
.h6,h6 {
  font-size:1rem;
  margin-top: 1.8rem;margin-bottom: 1.5rem;
}


@media (min-width:1200px) {
  .h1,h1 {
    font-size:2rem;
  }
  .h2,h2 {
    font-size:1.5rem;
  }
  .h3,h3 {
    font-size:1.3125rem;
  }
  .h4,h4 {
    font-size:1.25rem;
  }
  .h5,h5 {
    font-size:1rem;
  }
}
*/

.h1,h1 {font-size:3rem;}
h2,.h2 {font-size: 2rem;margin-top: 3rem;margin-bottom: 2rem;}
h3,.h3 {font-size: 1.7rem;margin-top: 2.6rem;margin-bottom: 1.8rem;}
h4,.h4 {font-size: 1.4rem;margin-top: 2.2rem;margin-bottom: 1.6rem;}
h5,.h5 {font-size: 1.2rem;margin-top: 2rem;margin-bottom: 1.6rem;}
h6,.h6 {font-size: 1.125rem;margin-top: 1.8rem;margin-bottom: 1.5rem;}
@media screen and (max-width:767px) {
  .h1,h1 {font-size:1.6rem;}
  h2,.h2 {font-size: 1.5rem;margin-top: 2.6rem;margin-bottom: 2rem;}
  h3,.h3 {font-size: 1.4rem;margin-top: 2.4rem;margin-bottom: 1.8rem;}
  h4,.h4 {font-size: 1.3rem;margin-top: 2.2rem;margin-bottom: 1.6rem;}
  h5,.h5 {font-size: 1.2rem;margin-top: 2rem;margin-bottom: 1.6rem;}
  h6,.h6 {font-size: 1rem;margin-top: 1.8rem;margin-bottom: 1.5rem;}
}



/**
 * 在所在轨道上，将块定在屏幕上：
 * 两层div,
 * 1、外层，撑满轨道整个全部高度与宽度;最好紧跟 col-*、col-lg-*...层
 * 2、内层(紧跟外层)，为目标块的高度与宽度
 * 
*/
.ding-w100h100 {width: 100% !important;height: 100% !important;position: relative !important;}
.ding-mubiao {width: 100%;max-height: calc(100vh - 3rem);overflow-y: auto;}
.guding {position: fixed !important;top: 1rem;z-index: 11;max-height: calc(100vh - 3rem) !important;}
.guding-top0 {position: fixed !important;top: 0;z-index: 11;}
.fudi {position: absolute !important;left: 0;bottom: 0;z-index: 11;}

/* 自定义初始化全局:结束*************************************************************************************************************/

/*WordPress网站前后台样式一致配置：开始**************************************************************/

/**
 * 为了使得后台编辑的可视化与网站前台保持一致，
 * 我们必须这样做，将html :where(.wp-block)的边距样式归零
 * */
html :where(.wp-block) {margin-bottom: 0;margin-top: 0;}
html :where(.wp-block.wp-block-post-title) {margin-bottom: 1.5rem;}
p {margin-bottom: 1rem;}
p.wp-block {margin-bottom: 1rem;}

/**
 * 因为使用WordPress系统默认块编辑工具，
 * 网站前台必然使用css样式表：
 * http://*****.com/wp-includes/css/dist/block-library/style.min.css
 * 该样式表内有 :where(.wp-block-columns) {margin-bottom: 1.75em;}
 * 但是后台编辑器中没有
 * */
:where(.wp-block-columns) {margin-bottom: 1.75em;}
html :where(.wp-block.wp-block-columns) {margin-bottom: 1.75em;}
.wp-block-columns .wp-block-columns {margin-bottom: 1rem;}
/*@media (max-width:1199px) {
  :where(.wp-block-columns) {margin-bottom: 1rem;}
  html :where(.wp-block.wp-block-columns) {margin-bottom: 1rem;}
}*/

/**
 * 因为有些小白可能因为某些原因，造成编辑器底部光标打不出来，
 * 所以，在编辑器底部加一个内边距，可以防止这种情况
 * 因为只要在编辑器界面内空白处点击，光标就会出现
 * */
/*.wp-block-post-content {padding-bottom: 50px;}*/

/**
 * 无论如何都不可以将.editor-styles-wrapper设置为padding: 0;
 * */
.editor-styles-wrapper {
  padding-bottom: 2rem;
 /* font-size: 14px;*/ /* 设置你想要的字体大小 */
}


/**
 * 经过对wp-block样式的归零，编辑器的标题与正文部分太贴近了，
 * 我们增加一些间距，方便视图是必要的，而且这个样式需要高优先级
 * */
/*.wp-block-post-title {margin-bottom: 30px !important;}*/


/*
:where(.editor-styles-wrapper) .wp-align-wrapper {
    max-width: 1060px;
}
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
    max-width: 1060px
}
.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2 {
    max-width: 1060px;
}*/


html :where(.wp-block) {max-width:1060px; }
.wp-block-columns :where(.wp-block) {max-width:none;}
html :where(.wp-block)[data-align=wide] {max-width:1400px; }
html :where(.wp-block)[data-align=full] {max-width:none; }
html :where(.wp-block)[data-align=full] table {width: 100%;}
html :where(.wp-block)[data-align=full] table td {/*font-size: 16px;*/}


:where(.wp-block-columns.has-background) {padding: 1.5rem 1rem;}
:where(.wp-block-columns.has-background .wp-block-columns.has-background) {padding:  1.5rem 1rem;}
.wp-block-columns.has-background .wp-block-columns.has-background {padding:  1.5rem 1rem;}
@media (min-width:992px) {
  :where(.wp-block-columns.has-background) {padding: 2rem 3rem;}
  :where(.wp-block-columns.has-background .wp-block-columns.has-background) {padding: 2rem 3rem;}
  .wp-block-columns.has-background .wp-block-columns.has-background {padding: 2rem 3rem;}
}


/*文章正文块：样式*/
.biaozhun {font-size: 1rem;line-height: 1.6;text-align: justify;color: var(--bs-333);}
.biaozhun > * {margin-left: auto;margin-right: auto;}
.biaozhun .alignwide {max-width: 1400px;margin-left: auto;margin-right: auto;}
.biaozhun .alignfull {max-width: none;margin-left: auto;margin-right: auto;}
.wp-block-columns {justify-content: center;}


@media (max-width:1199px) {
  :where(.wp-block-columns.is-layout-flex) {gap: 1rem;}
}
/*@media (max-width:575px) {
  .biaozhun {font-size: 1.14rem;}
}*/
/*:where(.wp-block-columns.has-background) {padding: 1.6rem;}*/

table {max-width: 100%;width:auto;border:1px solid var(--bs-tr00001);font-size: 0.875rem;}
table tr td {border:1px solid var(--bs-tr00001);padding:10px!important;}
table tr td[class^="cx-"] {width: 70px;}
table tr {background-color: var(--bs-trred01);}
table tr:nth-child(2n) {background-color: var(--bs-trinfo01);}
table tr:hover {background-color: var(--bs-info);}

/*WordPress网站前后台样式一致配置：结束**************************************************************/


/*网站公共部分：头部：开始**********************************************************************************************/
header {width: 100%; position: relative;background-color: var(--bs-info);/*border-bottom:1px solid var(--bs-trfff03);*/}
header .h-1 {width: 100%;padding-left: 3%;padding-right: 3%;}
header .h-1 .box {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  flex-wrap: nowrap;gap: 3rem;
  justify-content: space-between;justify-content: -webkit-space-between;
  align-items: center; 
}
header .h-1 .box .logo {flex-basis: auto;flex-grow: 0;flex-shrink: 0;}
header .h-1 .box .logo a {display: inline-block;width: auto;height: 54px;}
header .h-1 .box .logo img {display: block;width: auto;height: 100%;}

/*网站主导航---------------------*/
header .h-1 .box nav {flex-basis: auto;font-size: 1rem;}
header .h-1 .box nav > ul {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1rem;padding-left: 0;}
header .h-1 .box nav > ul > li {flex-basis: auto;}
header .h-1 .box nav > ul > li > a {
  display: block;width: 100%;line-height: 90px;
  padding: 0 14px;
  position: relative;
  z-index: 11;
}
header .h-1 .box nav > ul > li > a:after {
  content: "";display: block;width: 100%;height: 0;
  background-color: var(--bs-red); 
  position: absolute;left: 0;top: 0;z-index: -1;transition: height 0.5s;
}

/*二级导航样式*/
header .h-1 .box nav > ul > li > ul {
  display: none;
  text-align: center;
  position: absolute;left: 0;top: 90px;z-index: 999;
  list-style: none;padding-left: 0;
  width: 100vw;height: auto;padding: 2rem 10% 3rem;border-top: 1px solid var(--bs-tr00002);
  background-color: var(--bs-fff);box-shadow: 0 20px 20px var(--bs-tr00003);
}
header .h-1 .box nav > ul > li > ul > li {display: inline-block;position: relative;margin-right: 1rem;}
header .h-1 .box nav > ul > li > ul > li:last-child {margin-right: 0;}
header .h-1 .box nav > ul > li > ul > li:before {
  content: "";display: block;width: 0;height: 0;
  position: absolute;left: 0;bottom: 0; z-index: 1;
  background-color: var(--bs-red);
  border-top-left-radius: 1rem;border-bottom-right-radius:1rem ;
  transition: width 0.5s,height 0.5s;
}
header .h-1 .box nav > ul > li > ul > li > a {
  display: inline-block;
  padding: 8px 14px;
  position: relative;
  z-index: 11;
  border-top-left-radius: 1rem;border-bottom-right-radius:1rem ;
  background-color: var(--bs-tr00001);
  box-shadow: 0 0.2rem 0.2rem var(--bs-tr00002);
}


/*三级导航样式*/
header .h-1 .box nav > ul > li > ul > li.menu-item-has-children {
  display:block;width: 100%; margin-bottom: 30px;margin-right: 0;
}
/*header .h-1 .box nav > ul > li > ul > li.menu-item-has-children:last-child {margin-bottom: 0;}*/
header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > a {
  display: table;position: relative;padding-right: 6rem;
  background-image: linear-gradient(to right, var(--bs-info), transparent);
  border-bottom-right-radius:0;
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 1rem;
}
header .h-1 .box nav > ul > li > ul > li.menu-item-has-children:before {display: none;}

header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul {
  width: 100%;
  list-style: none;padding-left: 0;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  flex-wrap: wrap;align-items: center;gap: 0.5rem;
}
header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li {
  position: relative;
}
header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li:before {
  content: "";display: block;width: 0;height: 0;
  border-top-left-radius: 1rem;border-bottom-right-radius:1rem ;
  background-color: var(--bs-red);
  position: absolute;left: 0;bottom: 0; z-index: 1;
  transition: width 0.5s,height 0.5s,box-shadow 0.5s;

}
header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li > a {
  display: block;padding: 8px 14px;position: relative;z-index: 11;
  /*background-color: var(--bs-f5);*/
 /* box-shadow: 0 0.2rem 0.2rem var(--bs-tr00002);*/
  border-top-left-radius: 1rem;border-bottom-right-radius:1rem ;
  transition: background-color 0.5s;
}

@media (min-width:992px) {
  header .h-1 .box nav > ul > li:hover > a {color: var(--bs-fff);}
  header .h-1 .box nav > ul > li:hover > a:after {height: 100%;}
  /*header .h-1 .box nav > ul > li:hover > ul {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}*/
  header .h-1 .box nav > ul > li > ul > li:hover:before {width: 100%;height: 100%;}
  header .h-1 .box nav > ul > li > ul > li > a:hover {color: var(--bs-fff);}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > a:hover {color: var(--bs-333);}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li:hover:before {width: 100%;height: 100%;box-shadow: 0 0.2rem 0.2rem var(--bs-tr00002);}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li:hover > a {background-color: var(--bs-tr00001);color: var(--bs-fff);}
}

header .h-1 .box .tel {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;
  line-height: 90px;
}
header .h-1 .box .tel a {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  align-items: center;justify-content: center;
  color: var(--bs-red);
  font-size: 1.31rem;
}

header .h-1 .box .tel a span {display: inline-block;width: 30px;height: auto;margin-right: 6px;}
header .h-1 .box .tel a span svg {width: 100%;height: auto;fill: var(--bs-red);}

@media screen and (min-width:1400px) and (max-width:1620px) {
  header .h-1 .box nav > ul {gap: 0.5rem;}
  header .h-1 .box nav > ul > li > a {padding: 0 0.5rem;}
}
@media screen and (min-width:1200px) and (max-width:1399px) {
  header .h-1 {padding-left: 0;padding-right: 0;}
  header .h-1 .box {display: block;}
  header .h-1 .box .logo {padding-left: 4%;padding-top: 2rem;padding-bottom: 0.5rem;}
  header .h-1 .box nav {width: 100%;background-color: var(--bs-info);padding: 0 4%;}
  header .h-1 .box .tel {display: table;position: absolute;right: 4%;top: 2rem;z-index: 111;line-height: 54px;}
  header .h-1 .box nav > ul > li > ul {top: 155px;}
  header .h-1 .box nav > ul > li > a {line-height: 60px;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
  header .h-1 {padding-left: 0;padding-right: 0;}
  header .h-1 .box {display: block;}
  header .h-1 .box .logo {padding-left: 4%;padding-top: 20px;padding-bottom: 16px;}
  header .h-1 .box nav {width: 100%;background-color: var(--bs-info);padding: 0 4%;}
  header .h-1 .box .tel {display: table;position: absolute;right: 4%;top: 1.4rem;z-index: 111;line-height: 54px;}
  header .h-1 .box nav > ul {gap:0.5rem;}
  header .h-1 .box nav > ul > li > ul {top: 155px;}
  header .h-1 .box nav > ul > li > a {line-height: 60px;padding: 0 0.5rem;}
}
@media (max-width:991px) {
  header .h-1 {padding-left: 0;padding-right: 0;}
  header .h-1 .box {display: block;}
  header .h-1 .box .logo {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 5555; padding-left: 4%;padding-right: 4%; padding-top: 20px;padding-bottom: 16px;}
  header .h-1 .box .logo span {display: inline-block;width: 60px;height: 60px;padding: 10px;}
  header .h-1 .box .logo span svg {width: auto;height: 100%;fill: var(--bs-333);}
  header .h-1 .box nav {
    display: none; width: 100%;height: calc(100vh - 96px); 
    position: absolute;left: 0;top: 96px;z-index: 1000;
    padding-top: 20px;background-color: var(--bs-fff);
    border-top: 0;
  }
  header .h-1 .box nav > ul {display: block;width: 100%;height: 100%; padding: 0 1.5rem 1.5rem;position: relative;overflow-y: scroll;}
  header .h-1 .box nav > ul > li {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;justify-content: space-between;align-items: center;gap: 0;
    border-bottom: 1px solid var(--bs-f5);
    margin-bottom: 1rem;
  }
  header .h-1 .box nav > ul > li > a {flex-basis: auto; display: inline-block;width: 50%; line-height: 3;position: relative;padding: 0;}
  header .h-1 .box nav > ul > li > span {
    flex-basis: auto;width: 50%;height: 100%;
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: end;
    color: var(--bs-333);
    position: relative;font-size: 1.31rem;
  }
  header .h-1 .box nav > ul > li > span svg {width: 18px;height: auto;fill: var(--bs-333);margin-right: 9px;}
  header .h-1 .box nav > ul > li.menu-item-has-children > a:after {right: -100%;}
  header .h-1 .box nav > ul > li:hover > a {background-color: transparent;}
  header .h-1 .box .tel {display: none;}
  header .h-1 .box nav > ul > li > ul {
    top: 0;padding: 0 1.5rem 1.5rem;border-top: 0; 
    display: none; width: 100%;height: 100%;
    background-color: var(--bs-fff);box-shadow: none;overflow-y: scroll;
    padding-bottom: 2rem;
  }
  header .h-1 .box nav > ul > li > ul > li {
    width: 100%;border-bottom: 1px solid var(--bs-f5);margin-bottom: 1rem;
  }
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children {line-height: 1.5;border-bottom: 0;gap: 2rem;}
  header .h-1 .box nav > ul > li > ul > li > a {
    padding: 0;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: space-between; 
    width: 100%;position: relative;line-height: 3;text-indent: 1rem;
  }
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > a {text-align: left;flex-basis: 80px;line-height: 1.6;}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > a > span {display: none;}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul {gap: 0.5rem 1rem;}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li {padding: 0;line-height: 1.6;}
  header .h-1 .box nav > ul > li > ul > li > a > span {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;width: 36px;text-align: center;justify-content: center;}
  header .h-1 .box nav > ul > li > ul > li > a > span svg {width: 18px;height: auto;fill: var(--bs-333);}
  header .h-1 .box nav > ul > li > ul .m-fanhui {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: space-between; margin-bottom: 2rem;gap: 1rem;
  }
  header .h-1 .box nav > ul > li > ul .m-fanhui .m-fanhui-svg {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;flex-basis: auto; width: 36px;flex-grow: 0;flex-shrink: 0; color: var(--bs-333); }
  header .h-1 .box nav > ul > li > ul .m-fanhui .m-fanhui-svg svg {width: 65%;height: auto;fill: var(--bs-333);}
  header .h-1 .box nav > ul > li > ul .m-fanhui > span {
    display: block;flex-basis: auto;
    width: 90%;height: 0.8rem;
    background-image: url(../images/xiegang.png);
    background-size: auto 0.6rem;
    background-repeat: repeat-x;
    position: relative;bottom: -0.3rem;z-index: 1;
    opacity: 0.6;
  }
  header .h-1 .box nav > ul > li.menu-item-has-children > ul .m-fanhui {margin-bottom: 2rem;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  header .h-1 .box .logo {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;justify-content: space-between;
    position: relative;z-index: 5555; 
    padding-left: 3%;padding-right: 3%;
    padding-top: 1rem;padding-bottom: 1rem;
  }
  header .h-1 .box .logo a {height: 45px;}
  header .h-1 .box .logo span {display: inline-block;width: 45px;height: 45px;padding: 10px;}
  header .h-1 .box nav {
    display: none; width: 100%;height: calc(100vh - 73px); 
    position: absolute;left: 0;top: 73px;z-index: 1000;
    padding-top: 20px;background-color: var(--bs-fff);
    border-top: 0;
  }
}
@media (max-width:575px) {
  header .h-1 .box .logo {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;justify-content: space-between;
    position: relative;z-index: 5555; 
    padding-left: 1rem;padding-right: 1.5rem;
    padding-top: 0.8rem;padding-bottom: 0.8rem;
  }
  header .h-1 .box .logo a {height: 36px;}
  header .h-1 .box .logo span {display: inline-block;width: 36px;height: 36px;padding: 0.3rem;}
  header .h-1 .box nav {
    display: none; width: 100%;height: calc(100vh - 58px); 
    position: absolute;left: 0;top: 58px;z-index: 1000;
    padding-top: 20px;background-color: var(--bs-fff);
    border-top: 0;
  }
  header .h-1 .box nav > ul > li > ul {padding-bottom: 6rem;}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children {display: block;}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > a {
    display: table;width: auto; /*background-color: var(--bs-fff);padding: 0.3rem 1rem;border-radius: 0.3rem;*/
    margin-bottom: 1rem;color: var(--bs-000);font-weight: bold;line-height: 2;
    /*margin-right: auto;margin-left: auto;*/
  }
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > a:after {display: none; width: 160%;height: 1px;background-color: var(--bs-trfff06);right: -30%;top: 100%;}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul {
    display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0.3rem;text-align: center;font-size: 0.875rem;
  }
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li {border-radius: 0;}
  header .h-1 .box nav > ul > li > ul > li.menu-item-has-children > ul li a {display: block;width: 100%;padding: 0.4rem;border-radius: 0.3rem;background-color: var(--bs-f5);}
  
}



/*网站公共部分：头部：结束**********************************************************************************************/

/*网站公共部分：挂件：开始**********************************************************************************************/


/*PC端挂件*/
.guajian-pc {display: none; position: fixed;right: 3rem;bottom: 10%;z-index: 111;}
.guajian-pc ul li {
  width: 50px; 
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  background-color: var(--bs-info);
  transition: border-radius 0.5s,width 0.5s,background-color 0.5s;
  box-shadow: 0 0 3px var(--bs-tr00003);
}
.guajian-pc ul li:hover {border-radius: 0;width: auto;background-color: var(--bs-red);}
.guajian-pc ul li:last-child {margin-bottom: 0;}
.guajian-pc ul li .box-text {position: relative;}
.guajian-pc ul li .box-text .gj-tb {
  width: 50px;height: 50px;flex-grow: 0;flex-shrink: 0;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;
  position: relative;z-index: 111;
}
.guajian-pc ul li .box-text .gj-tb svg {width: 60%;height: auto;fill: var(--bs-red);}
.guajian-pc ul li:hover .box-text .gj-tb svg {fill: var(--bs-fff);}
.guajian-pc ul li .box-text .gj-text {
  display: block;width: 0; height: 100%;line-height: 50px;text-align: center;overflow: hidden;
  position: absolute;right: 51px;top: 0;z-index: 1; 
  font-size: 1.75rem;color: var(--bs-fff);
  background-color: var(--bs-red);
  white-space: nowrap;opacity: 0;
  transition: width 0.5s,opacity 0.5s;
}
.guajian-pc ul li:hover .box-text .gj-text {width: 220px; opacity: 1;}
.guajian-pc ul li .box-img {width: 50px;height: 50px;position: relative;}
.guajian-pc ul li .box-img .gj-tb {
  flex-basis: auto; width: 50px;height: 50px;flex-grow: 0;flex-shrink: 0;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;

}
.guajian-pc ul li .box-img .gj-tb svg {width: 60%;height: auto;fill: var(--bs-red);}
.guajian-pc ul li:hover .box-img .gj-tb svg {fill: var(--bs-fff);}
.guajian-pc ul li .box-img .gj-img {
  width: 0;height: 200px;background-color: var(--bs-red);padding: 0;
  position: absolute;right: 80px;top: -75px;z-index: 1;opacity: 0;
  transition: width 0.5s,opacity 0.5s;
}
.guajian-pc ul li:hover .box-img .gj-img {width: 200px;opacity: 1;padding: 1rem;}
.guajian-pc ul li .box-img .gj-img:after {
  content: "";display: block;
  border-top:0.6rem solid transparent;
  border-bottom:0.6rem solid transparent;
  border-right:0.6rem solid transparent;
  border-left:0.6rem solid var(--bs-red);
  position: absolute;right: -1.1rem;top: 50%;z-index: 1;margin-top: -0.3rem; 
}
.guajian-pc ul li .box-img .gj-img img {display: block;width: 100%;height: auto;}
.guajian-pc ul li .box-totop {width: 50px;height: 50px;}
.guajian-pc ul li .box-totop .gj-tb {
  flex-basis: auto; width: 50px;height: 50px;flex-grow: 0;flex-shrink: 0;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;
}
.guajian-pc ul li .box-totop .gj-tb svg {width: 60%;height: auto;fill: var(--bs-red);}
.guajian-pc ul li:hover .box-totop .gj-tb svg {fill: var(--bs-fff);}
.guajian-pc ul li .box-totop {cursor: pointer;}


/*移动端底部挂件*/

.mfooter-tel1 {
  width: 96%;height: 50px;
  border-radius: 25px;line-height: 50px; 
  margin-left: 2%;color: var(--bs-fff);overflow: hidden;font-size:110%;
  position: fixed;left: 0;bottom: 16px;z-index: 9999;
  box-shadow: 0 6px 6px var(--bs-tr00006);overflow: hidden;
}
.mfooter-tel1 a {color: var(--bs-fff);}
.mfooter-tel1 > div {width: 100%;background-color: var(--bs-red);}
.mfooter-tel1 > div a {display: block;width: 100%;text-align: center;}
.mfooter-tel1 > div a span {display: inline-block;width: auto;height: 100%;}
.mfooter-tel1 > div a span svg {display: inline-block;margin-right: 16px;fill: #fff;width: 26px;height: 26px;vertical-align:middle;}


.mfooter-tel2 {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 2px; 
  width: 96%;height: 50px;
  border-radius: 25px;line-height: 50px; 
  margin-left: 2%;color: var(--bs-fff);overflow: hidden;font-size:110%;
  position: fixed;left: 0;bottom: 16px;z-index: 9999;
  box-shadow: 0 6px 6px var(--bs-tr00006);
}
.mfooter-tel2 a {color: var(--bs-fff);}
.mfooter-tel2 .mt2-tel-ma {flex-basis: auto;width: 66.6666%;background-color: var(--bs-red); }
.mfooter-tel2 .mt2-tel-ma a {display: block;width: 100%;text-align: center;}
.mfooter-tel2 .mt2-tel-ma a span {display: inline-block;width: auto;height: 100%;}
.mfooter-tel2 .mt2-tel-ma a svg {display: inline-block;margin-right: 16px;fill: #fff;width: 26px;height: 26px;vertical-align:middle;}
.mfooter-tel2 .jiawei {flex-basis: auto;width: 33.3333%;background-color: var(--bs-success);text-align: center;text-shadow: 1px 1px 1px var(--bs-tr00008);}



.mfooter-tel3 {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1px; 
  width: 96%;height: 40px;
  border-radius: 20px;line-height: 40px; 
  margin-left: 2%;color: var(--bs-fff);overflow: hidden;font-size:110%;
  position: fixed;left: 0;bottom: 2rem;z-index: 9999;
  box-shadow: 0 6px 6px var(--bs-tr00006);
}
.mfooter-tel3 a {color: var(--bs-fff);}
.mfooter-tel3 > div {flex-basis: auto;width: 33.3333%;background-color: var(--bs-red);text-align: center;}
.mfooter-tel3 > div.jiawei {background-color: var(--bs-success);}
.mfooter-tel3 > div a {display: block;width: 100%;}


/*复制提示*/
.mfooter-copy {display: none; width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 9991;}
.mfooter-copy .mc-remove {width: 100%;height: 100%;background-color: var(--bs-tr00008);}
.mfooter-copy .mc-body {
  width: 20rem;height: auto;
  background-color: var(--bs-fff);
  border-radius: 1rem;border: 1px solid var(--bs-000);
  position: absolute;left: 50%;top: 50%;z-index: 1;
  margin-top: -200px;
  margin-left: -10rem;
}
.mfooter-copy .mc-body .mc-svg {text-align: center;}
.mfooter-copy .mc-body .mc-svg svg {display: inline-block;width: 5rem;height: 5rem;fill:var(--bs-success); }
.mfooter-copy .mc-body .text {text-align: center;font-size: 100%;}

@media screen and (min-width:992px) and (max-width:1199px) {}
@media screen and (min-width:768px) and (max-width:991px) {}
@media screen and (min-width:576px) and (max-width:767px) {}
@media (max-width:575px) {
  .mfooter-copy .mc-body {
    width: 60%;left: 20%;margin-left: 0;
  }
  .mfooter-copy .mc-body .mc-svg svg {width: 4rem;height: 4rem;}
}
/*网站公共部分：挂件：结束**********************************************************************************************/


/*网站公共部分：列举单元 通用块4列与3列：开始**********************************************************************************************/
.list-col1 {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  grid-gap: 1rem;
}
.list-col2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr)!important;
  grid-gap: 2rem 4rem;
}
.list-col3 {
  display:grid !important;
  width: 100%;
  grid-template-columns: repeat(3, 1fr) !important; 
  grid-gap: 1.5rem 1.5rem;
}
.list-col4 {
  display:grid !important;
  width: 100%;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-gap: 1.5rem 1.5rem;
}

@media screen and (min-width:576px) and (max-width:1199px) {
  .list-col2 {grid-template-columns: repeat(1, 1fr);}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .list-col2 {grid-gap: 2rem;}
}

@media screen and (min-width:992px) and (max-width:1399px) {
  .list-col4 {grid-template-columns: repeat(3, 1fr) !important;}
}
@media screen and (min-width:576px) and (max-width:991px) {
  .list-col4 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 2rem;}
  .list-col3 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 2rem;}
}
@media (max-width:575px) {
  .list-col2 {grid-template-columns: repeat(1, 1fr) !important;grid-gap: 2rem;}
  .list-col3 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 0.6rem;}
  .list-col4 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 0.6rem;}
  
}

/*网站公共部分：列举单元 通用块4列与3列：开始**********************************************************************************************/

/*网站公共部分：bootsrtap的card自定义：开始**********************************************************************************************/
.card {font-size: 0.875rem;background-color: transparent;margin-top: 0;}
.card .wp-block-post-title {margin-bottom: 0.5rem !important;}
.card-img-top {display: block;width: 100%;height: auto;overflow: hidden;}
.card-img-top img {display: block;width: 100%;height: auto;}
.card-title {font-size: 1rem;}
.card-text {color: var(--bs-tr00006);text-align: justify;}
.list-page .card-title {font-size: 1.125rem;}
@media screen and (max-width:991px) {
  .card-body {padding:0.6rem;}
  .list-page .card-title {font-size: 1rem;}
}

/*网站公共部分：bootsrtap的card自定义：结束**********************************************************************************************/






/*网站公共部分：宽屏swiper PC端4列移动端1列 自适应：开始**********************************************************************************************/

.index-zz-swiper {width: 100%;position: relative;}
.index-zz-swiper .swiper {padding-bottom: 3rem !important;}
.index-zz-swiper .swiper-pagination {bottom: 0 !important;}
.index-zz-swiper .swiper-pagination .swiper-pagination-bullet {width: 50px;height: 3px;border-radius: 0; border: 0;background-color: var(--bs-tr00006);}
.index-zz-swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--bs-info);}
.index-zz-swiper .swiper-slide .box {width: 100%;height: 100%; display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-direction: column;flex-wrap: nowrap;gap: 0.5rem;align-items: center;justify-content: space-between;}
.index-zz-swiper .swiper-slide .box .img {width: 100%;height: 440px; overflow: hidden;border-radius: 0.3rem;}
.index-zz-swiper .swiper-slide .box img {display: block;width: 100%;height: 100%;object-fit: contain;}
.index-zz-swiper .swiper-slide .box .text {width: 100%;}
.index-zz-swiper .swiper-slide .box .text p {font-size: 1rem;color: var(--bs-tr00006);}

@media screen and (min-width:1200px) and (max-width:1399px) {
}
@media screen and (min-width:992px) and (max-width:1199px) {}
@media screen and (min-width:768px) and (max-width:991px) {}
@media screen and (min-width:576px) and (max-width:767px) {}
@media (max-width:575px) {
  .index-zz-swiper {padding-left: 1rem;padding-right: 1rem;}
  .index-zz-swiper .swiper {padding-bottom: 2rem !important;}
  .index-zz-swiper .swiper-slide .box .text p {font-size: 0.875rem;}
  .index-zz-swiper .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 2px;}
}
@media (max-width:390px) {
  .index-zz-swiper {padding-left: 0;padding-right: 0;}
  .index-zz-swiper .swiper-slide .box .img {height: auto;}
}

/*网站公共部分：宽屏swiper PC端4列移动端1列 自适应：结束**********************************************************************************************/




/*网站首页：独有样式：开始**********************************************************************************************/

/*首页swiper*/
.index-swiper {width: 100%;max-height: 600px; position: relative;overflow: hidden;}
.index-swiper .swiper {width: 100%;height: 100%;}


.index-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.index-swiper .swiper-slide > .alignfull {width: 100%;}
.index-swiper .swiper-slide a {display: block;width: 100%;height: 100%;}
.index-swiper .swiper-pagination {bottom: 30px;}
.index-swiper .swiper-pagination-bullet {width: 60px;height: 4px;border-radius: 2px;}

@media screen and (min-width:1400px) and (max-width:1523px) {
}
@media screen and (min-width:1200px) and (max-width:1399px) {
}
@media screen and (min-width:992px) and (max-width:1199px) {
}
@media screen and (min-width:800px) and (max-width:991px) {
  .index-swiper {max-height: none;}
}
@media screen and (min-width:768px) and (max-width:799px) {
  .index-swiper {max-height: none;}
  .index-swiper .swiper-pagination-bullet {height: 2px;border-radius: 1px;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .index-swiper {max-height: none;}
  .index-swiper .swiper-pagination-bullet {width: 16px; height: 2px;border-radius: 1px;}
}
@media (max-width:575px) {
  .index-swiper {max-height: none;}
  .index-swiper .swiper-pagination-bullet {width: 16px;height: 2px;border-radius: 1px;}
}


/*网站首页h3***/
h3.index-h3 {display: flex;flex-wrap: wrap; align-items: center; justify-content: center; gap: 2rem; font-size: 2.625rem;color: var(--bs-dark);}
h3.index-h3 span {display: inline-block;}
.index-theh3-p {font-size: 0.875rem;color: var(--bs-tr00005);}

@media screen and (min-width:1200px) and (max-width:1399px) {
  h3.index-h3 {font-size: 2.25rem;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
  h3.index-h3 {font-size: 2.25rem;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  h3.index-h3 {font-size: 1.75rem;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  h3.index-h3 {font-size: 1.75rem;}
}
@media (max-width:575px) {
  h3.index-h3 {font-size: 1.5625rem;gap: 0.3rem 1rem;}
  h3.index-h3 span {flex-basis: 100%;}
  .index-theh3-p {margin-left: auto;margin-right: auto;position: relative;}
}

.index-more a {border-radius: 0.3rem;overflow: hidden;}
.index-more svg {fill: var(--bs-danger);}

/*首页体验块*******/
.index-tiyan {background-color: var(--bs-info);}
.index-tiyan .tiyanbox {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0;}
.index-tiyan .tiyanbox .tiyan-li { 
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1rem;
  align-items: center;justify-content: space-around;
  border-right: 1px solid var(--bs-trfff08);
  border-radius: 0.3rem;
}
.index-tiyan .tiyanbox .tiyan-li:last-child {border-right: 0;}
.index-tiyan .tiyanbox .tiyan-li .text .tit {font-size: 1.75rem;}
.index-tiyan .tiyanbox .tiyan-li .text p {font-size: 1rem;color: var(--bs-tr00006);}
@media screen and (min-width:1200px) and (max-width:1399px) {}
@media screen and (min-width:992px) and (max-width:1199px) {}
@media screen and (min-width:768px) and (max-width:991px) {
  .index-tiyan .tiyanbox {grid-template-columns: repeat(1, 1fr);grid-gap: 1rem;}
  .index-tiyan .tiyanbox .tiyan-li {border-right: 0;border-bottom: 1px solid var(--bs-trfff08);}
  .index-tiyan .tiyanbox .tiyan-li:last-child {border-bottom: 0;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .index-tiyan .tiyanbox {grid-template-columns: repeat(1, 1fr);grid-gap: 1rem;}
  .index-tiyan .tiyanbox .tiyan-li {border-right: 0;border-bottom: 1px solid var(--bs-trfff08);}
  .index-tiyan .tiyanbox .tiyan-li:last-child {border-bottom: 0;}
}
@media (max-width:575px) {
  .index-tiyan .tiyanbox {grid-template-columns: repeat(1, 1fr);grid-gap: 1rem;}
  .index-tiyan .tiyanbox .tiyan-li {border-right: 0;border-bottom: 1px solid var(--bs-trfff08);}
  .index-tiyan .tiyanbox .tiyan-li:last-child {border-bottom: 0;}
  .index-tiyan .tiyanbox .tiyan-li .text .tit {font-size: 1.3125rem;}
  .index-tiyan .tiyanbox .tiyan-li .text p {font-size: 0.875rem;}
}

/*首页其他块****/
.index-anli {
  background-color: var(--bs-f5);
}
.index-news {background-color: var(--bs-f5);}
@media (max-width:575px) {
  .index-products {background-color: var(--bs-fff);}
  .index-zizi {background-color: var(--bs-fff);}
  .index-news .news-list-column2 {padding: 0;}
}

/*网站首页：独有样式：开始**********************************************************************************************/



/*网站底部：开始**********************************************************************************************************************/
footer {padding-left: 8%;padding-right: 8%;background-color: var(--bs-dark);color: var(--bs-fff);}
footer a {color: var(--bs-fff);}
.f-ts {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;justify-content: space-between;gap: 3rem;}
.f-nav {flex-basis: auto;width: 80%; display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 30px;}
.f-nav > li {width: 100%;position: relative;overflow: hidden;}
.f-nav > li > a {display: block;width: 100%;line-height: 1;border-bottom: 1px solid var(--bs-trfff02);font-size: 1rem;margin-bottom: 10px;padding-bottom: 16px;}
.f-nav > li ul {width: 100%;list-style: none;padding-left: 0;line-height: 2;}

.f-p {flex-basis: auto;width: 20%; padding-left: 20px;}
.f-ma img {display: block;width: 120px;height: auto;margin-bottom: 6px;}

.f-b {border-top: 1px solid var(--bs-trfff02);display: grid;grid-template-columns: repeat(2, 1fr);}
.f-t a {display: inline-block;margin-right: 20px;}
.f-q {text-align: right;}

@media screen and (min-width:992px) and (max-width:1199px) {
  .f-ts {flex-wrap: wrap;gap: 0;}
  .f-nav {width: 100%;}
  .f-p {width: 100%;}
  .f-p {padding-left: 0;border-top: 1px solid var(--bs-trfff02);}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .f-ts {flex-wrap: wrap;gap: 0;}
  .f-nav {width: 100%;}
  .f-p {width: 100%;}
  .f-p {padding-left: 0;border-top: 1px solid var(--bs-trfff02);}
}
@media screen and (min-width:576px) and (max-width:767px) {
  footer a {color: var(--bs-fff);}
  footer {color: var(--bs-fff);}
  .f-ts {flex-wrap: wrap;gap: 0;}
  .f-nav {width: 100%;}
  .f-p {width: 100%;}
  .f-nav {grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}
  .f-nav > li:after {content:"";display:block;width:100%;height:1px;background-color:var(--bs-trfff02);position:absolute;left:0;top:41px;z-index:1;display:none; }
  .f-nav > li > a {line-height: 30px;padding-bottom: 6px;}
  .f-nav > li:last-child > a {border-bottom: 0;}
  .f-nav > li > span {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; width: 50%;height: 37px;color: var(--bs-trfff06);position: absolute;right: 0;top: 0;z-index: 1;}
  .f-nav > li > span:after {content: "+";display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;width: 30px;height:30px;align-items: center; justify-content: center;font-size: 1.4rem;position: absolute;right: 10px;top: 0;z-index: 1;}
  .f-nav > li ul {line-height: 2.2;display: none;padding-left: 20px;}
  .f-nav > li ul a {color: var(--bs-trfff08);}
  .f-p {padding-left: 0;border-top: 1px solid var(--bs-trfff02);}
}
@media (max-width:575px) {
  footer a {color: var(--bs-fff);}
  footer {color: var(--bs-fff);padding-left: 1.5rem;padding-right: 1.5rem;}
  .f-ts {flex-wrap: wrap;gap: 0;}
  .f-nav {width: 100%;}
  .f-p {width: 100%;}
  .f-nav {grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}
  .f-nav > li:after {content:"";display:block;width:100%;height:1px;background-color:var(--bs-trfff02);position:absolute;left:0;top:41px;z-index:1;display:none; }
  .f-nav > li > a {line-height: 30px;padding-bottom: 6px;}
  .f-nav > li:last-child > a {border-bottom: 0;}
  .f-nav > li > span {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; width: 50%;height: 37px;color: var(--bs-trfff06);position: absolute;right: 0;top: 0;z-index: 1;}
  .f-nav > li > span:after {content: "+";display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;width: 30px;height:30px;align-items: center; justify-content: center;font-size: 1.4rem;position: absolute;right: 10px;top: 0;z-index: 1;}
  .f-nav > li ul {line-height: 2.2;display: none;padding-left: 20px;}
  .f-nav > li ul a {color: var(--bs-trfff08);}
  .f-p {padding-left: 0;border-top: 1px solid var(--bs-trfff02);}
  .f-b {grid-template-columns: repeat(1, 1fr);grid-gap: 16px;}
  .f-q {text-align: left;}
}


/*网站底部：结束**********************************************************************************************************************/


/*全局面包屑导航样式：开始************************************************************************************************/

.xie-bg {background-color: var(--bs-f5);}
.xie {display: grid;grid-template-columns: 1.8rem 1fr;grid-gap: 1rem;align-items: center;padding-left:0.5rem; }
.xie .tb {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;}
.xie .tb svg {display: inline-block;width: 100%;height: auto;fill: var(--bs-red);}
.xie .text {color: var(--bs-tr00006);line-height: 1;}
.xie .text a {color: var(--bs-tr00006);}
.xie .text a:hover {color: var(--bs-red);}
@media (max-width:767px) {
  .xie {grid-template-columns: 1.4rem 1fr;grid-gap: 1.6rem;font-size: 0.75rem;grid-gap: 0.3rem;}
}
/*全局面包屑导航样式：结束************************************************************************************************/


/*公共部分：type封面或list列表页：标题块样式：开始************************************************************/

/*头部样式：tag*/
.type-top .type-tit .tit {font-size: 1.3125rem;color: var(--bs-000);line-height:1 ;}
.type-top .type-tit .seotit {font-size: 0.875rem;color: var(--bs-tr00006);font-style: italic;}

@media screen and (min-width:576px) and (max-width:767px) {
  .type-top .type-tit .tit {font-size: 1.125rem;}
}
@media (max-width:575px) {
  .type-top {/*background-color: var(--bs-info);padding: 1rem;border-radius: 1rem;*/}
  .type-top .type-tit .tit {font-size: 1.125rem;}
}

/*头部样式：产品、案例*/
.products-list .type-top .type-tit .tit {font-size: 2.1rem;color: var(--bs-000);line-height:1 ;}
.products-list .type-top .type-tit .seotit {font-size: 0.875rem;color: var(--bs-tr00006);font-style: italic;}

@media screen and (min-width:576px) and (max-width:767px) {
  .products-list .type-top .type-tit .tit {font-size: 1.75rem;}
}
@media (max-width:575px) {
  .products-list .type-top {/*background-color: var(--bs-info);padding: 1rem;border-radius: 1rem;*/}
  .products-list .type-top .type-tit .tit {font-size: 1.3rem;}
}


.anli-type-list .type-top .type-tit .tit {font-size: 2.1rem;color: var(--bs-000);line-height:1 ;}
.anli-type-list .type-top .type-tit .seotit {font-size: 0.875rem;color: var(--bs-tr00006);font-style: italic;}

@media screen and (min-width:576px) and (max-width:767px) {
  .anli-type-list .type-top .type-tit .tit {font-size: 1.75rem;}
}
@media (max-width:575px) {
  .anli-type-list .type-top {/*background-color: var(--bs-info);padding: 1rem;border-radius: 1rem;*/}
  .anli-type-list .type-top .type-tit .tit {font-size: 1.3rem;}
}


.video-type-list .type-top .type-tit .tit {font-size: 2.1rem;color: var(--bs-000);line-height:1 ;}
.video-type-list .type-top .type-tit .seotit {font-size: 0.875rem;color: var(--bs-tr00006);font-style: italic;}

@media screen and (min-width:576px) and (max-width:767px) {
  .video-type-list .type-top .type-tit .tit {font-size: 1.75rem;}
}
@media (max-width:575px) {
  .video-type-list .type-top {/*background-color: var(--bs-info);padding: 1rem;border-radius: 1rem;*/}
  .video-type-list .type-top .type-tit .tit {font-size: 1.3rem;}
}

.xiazai-list .type-top .type-tit .tit {font-size: 2.1rem;color: var(--bs-000);line-height:1 ;}
.xiazai-list .type-top .type-tit .seotit {font-size: 0.875rem;color: var(--bs-tr00006);font-style: italic;}

@media screen and (min-width:576px) and (max-width:767px) {
  .xiazai-list .type-top .type-tit .tit {font-size: 1.75rem;}
}
@media (max-width:575px) {
  .xiazai-list .type-top {/*background-color: var(--bs-info);padding: 1rem;border-radius: 1rem;*/}
  .xiazai-list .type-top .type-tit .tit {font-size: 1.3rem;}
}

/*公共部分：type封面或list列表页：标题块样式：结束************************************************************/

/*公共部分：边栏多项列表样式：含js组件样式：开始********************************************************************/

.anli-type-left {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1rem;}
.anli-type-left > li {border-radius: 0.3rem;border: 1px solid var(--bs-tr00001);}
.anli-type-left > li .classname {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 0.5rem;align-items: center;justify-content: space-between;
  background-color: var(--bs-info); padding: 0.5rem 1rem;cursor: pointer;
}
.anli-type-left > li .classname div {font-size: 1.125rem;}
.anli-type-left > li .classname span {display: block;width: 16px;height: 16px;transform: rotate(90deg);transition:transform 0.5s;}
.anli-type-left > li .classname span svg {display: inline-block;width: 100%;height: auto;fill: var(--bs-tr00003);}
.anli-type-left > li ul {font-size: 0.875rem;display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 0.5rem;}
/*.anli-type-left > li .classbody {display: none;}
.anli-type-left > li:first-child .classbody {display: block;}*/
.anli-type-left > li.cur .classname span {transform: rotate(0);}
.anli-type-left > li ul li a {color: var(--bs-333);}
.anli-type-left > li ul li a:hover {color: var(--bs-red);}

.anli-type-left .botn-list-botn {width: 100%;display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 0.5rem;}
.anli-type-left .botn-list-botn button {
  width: 100%;padding: 0.5rem 1rem;text-align: left;background-color: var(--bs-f5);
  background-image: url(/images/xiazai-3.png);background-size: 20px;background-position: right 1rem center;background-repeat: no-repeat;
  transition: background-color 0.5s;
}
.anli-type-left .botn-list-botn button:hover {background-color: var(--bs-trred03);}
@media (max-width:1199px) {
  .anli-type-left {
    display: none; 
    padding-right: 0;position: fixed;left: 0;bottom: 0;z-index: 1111;
    width: 100vw;height: 100vh;
    background-color: var(--bs-tr00006);
    overflow: hidden;
  }
  .anli-type-left > li {
    width: 100%;height: 0;
    padding: 3rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--bs-f5);
    position: absolute;left: 0;bottom: 0;z-index: 99;
    opacity: 0;
    transition: height 0.5s,opacity 0.5s;
  }
  .anli-type-left > li .classname {padding-left: 0;border-left: 0;text-align: center;display: block;margin-bottom: 2rem;line-height: 2rem;background-color: transparent;}
  .anli-type-left > li .classname span {display: none;}
  .anli-type-left > li .classbody {display: block;width: 100%;height: calc(100% - 4rem); overflow-y: auto;}
  .anli-type-left > li.xiazai .classbody {background-color: var(--bs-fff);padding: 3rem;}
  .anli-type-left > li ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0.3rem;list-style: none;padding-left: 0;}
  .anli-type-left > li ul li {background-color: var(--bs-fff);padding: 0.4rem 0.5rem;text-align: center;}
  /*js - 关闭层*/
  .anli-m-guan {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;}
  /*js - 按钮*/
  .anli-gj-m {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 1rem;
    transition: background-color 0.5s;
    justify-content: center;
    align-items: center;
  }
  .anli-gj-m .anli_tbn {
    flex-basis: auto; width: auto;text-align: center;transition: color 0.5s; padding: 1rem 0.5rem;line-height: 1.2;
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;text-align: center; border-radius: 0.3rem;
  }
  .anli-gj-m .tohide-m {display: none !important;}
}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:576px) and (max-width:767px) {
  .anli-type-left > li {padding: 2rem;}
  .anli-type-left > li.xiazai .classbody {padding: 1rem;}
}
@media (max-width:575px) {
  .anli-type-left > li {padding: 1rem 1rem 0;}
  .anli-type-left > li .classname {margin-bottom: 1rem;background-color: transparent;}
  .anli-type-left > li ul {grid-template-columns: repeat(2, 1fr);padding-bottom: 6rem;}
  .anli-type-left > li.xiazai .classbody {padding: 1rem 1rem 6rem;}
  .anli-type-left > li.xiazai .classbody .xiazai-shuoming {color: var(--bs-tr00006);margin-top: 1rem;}
}
/*公共部分：边栏多项列表样式：含js组件样式：结束********************************************************************/


/*公共部分：type封面页或list列表页：table表格内容样式：开始********************************************************************/

.anli-list-body {width: 100%;border: 0;}
.anli-list-body thead {background-color: var(--bs-info);}
.anli-list-body thead tr {font-weight: bold;background-color: var(--bs-info);border-bottom: 0;}
.anli-list-body tbody tr {width: 100%;border-bottom: 1px solid var(--bs-tr00001);background-color: transparent;transition: background-color 0.5s;}
.anli-list-body tbody tr:hover {background-color: var(--bs-f5);}
.anli-list-body tr {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 3rem;align-items: center;padding: 1.4rem 0;}
.anli-list-body tr .xuhao {flex-basis: auto;width: 5rem;text-align: center;}
.anli-list-body tr .name {flex-basis: auto;width: 10%;}
.anli-list-body tr .name span {display: inline-block;width: 12px;height: 12px;margin-left: 0.3rem;}
.anli-list-body tr .name span svg {width: 100%;height: auto;fill: var(--bs-trred05);}
.anli-list-body tr .dizhi {flex-basis: auto;width: 16%;}
.anli-list-body tr .jianshe {flex-basis: auto;width: 16%;}
.anli-list-body tr .shigong {flex-basis: auto;width: 16%;}
.anli-list-body tr .cailiao {flex-basis: auto;width: 16%;}
.anli-list-body tr td {border: 0;padding: 0;}
.anli-list-body tr .yulan {flex-basis: auto;width: 8rem;}
.anli-list-body tbody tr .yulan .tuji {display: inline-block; padding: 0.5rem 1rem;background-color: var(--bs-trsuccess01);border-radius: 0.3rem;cursor: pointer;}
.anli-list-body tbody tr .yulan .tuji:hover {color: var(--bs-red);}
.anli-list-body tbody tr .yulan .no {display: inline-block; padding: 0 1.5rem;}
.anli-list-body tr .more {flex-basis: auto;width: 8rem;}
.anli-list-body tbody tr .more a {display: inline-block; padding: 0.5rem 1rem;background-color: var(--bs-trsuccess01);border-radius: 0.3rem;}
@media screen and (min-width:768px) and (max-width:991px) {
  .anli-list-body tr .xuhao {width: 5rem;}
  .anli-list-body tr .name {width: 64%;}
  .anli-list-body tr .more {width: 6rem;}
  .anli-list-body tr .dizhi {display: none;}
  .anli-list-body tr .jianshe {display: none;}
  .anli-list-body tr .shigong {display: none;}
  .anli-list-body tr .cailiao {display: none;}
  .anli-list-body tr .yulan {display: none;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .anli-list-body tr .xuhao {width: 5rem;}
  .anli-list-body tr .name {width: 64%;}
  .anli-list-body tr .more {width: 6rem;}
  .anli-list-body tr .dizhi {display: none;}
  .anli-list-body tr .jianshe {display: none;}
  .anli-list-body tr .shigong {display: none;}
  .anli-list-body tr .cailiao {display: none;}
  .anli-list-body tr .yulan {display: none;}
}
@media (max-width:575px) {
  .anli-list-body {background-color: var(--bs-fff);}
  .anli-list-body tr {gap: 1rem;}
  .anli-list-body tr .xuhao {width: 5rem;}
  .anli-list-body tr .name {width: calc(100% - 10rem);}
  .anli-list-body tr .more {width: 7rem;}
  .anli-list-body tr .dizhi {display: none;}
  .anli-list-body tr .jianshe {display: none;}
  .anli-list-body tr .shigong {display: none;}
  .anli-list-body tr .cailiao {display: none;}
  .anli-list-body tr .yulan {display: none;}
}


/*公共部分：type封面页或list列表页：table表格内容样式：结束********************************************************************/

/*公共部分：页码：开始*************************************************************************************************************************************/

.pagination {display: flex;flex-wrap: wrap;gap: 0.5rem; align-items: center; justify-content: center;font-size: 0.875rem;}
.pagination a {border:1px solid var(--bs-tr00001);padding:0.5rem 1rem;}
.pagination span {border:1px solid var(--bs-tr00001);padding:0.5rem 1rem;}
.pagination span.current {background-color: var(--bs-info);color: var(--bs-fff);}
@media (max-width:575px) {
  .pagination a {padding: 0.3rem 0.8rem;}
  .pagination span {padding: 0.3rem 0.8rem;}
}
/*公共部分：页码：结束*************************************************************************************************************************************/

/*公共部分：简易3列参数：开始*************************************************************************************************************************************/
.qian-canshu-col3 .danyuan {display: flex;flex-wrap: nowrap;}
.qian-canshu-col3 .danyuan > *:first-child {flex-basis: 77px;flex-shrink: 0;flex-grow: 0;}

/*公共部分：简易3列参数：结束*************************************************************************************************************************************/


/*公共部分：aside边栏样式：开始***************************************************************************************************/

.dingxuan-guidao {width: 100%;height: 100%;position: relative;}

aside {width: 100%; display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 2.6rem;overflow: hidden;font-size: 1rem;}
aside h3 {font-size: 1.3125rem;padding-left: 1rem; font-weight: normal;margin-top: 0;position: relative;}
aside h3:before {content: "";display: block;width: 1rem;height: 80%;background-image: url(../images/h3-000-25.png);background-repeat: no-repeat;background-size: auto 100%;background-position: left 0 center;position: absolute;left: 0;top: 10%;z-index: 11;}

@media screen and (min-width:992px) and (max-width:1199px) {
  aside {grid-gap: 1.5rem;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  aside {grid-gap: 1.5rem;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  aside {grid-gap: 1.5rem;}
}
@media (max-width:575px) {
  aside {grid-gap: 1.5rem;}
}

/*公共部分：aside边栏样式：结束***************************************************************************************************/

/*公共部分：单标题文章列，排列样式：开始*************************************************************************/

.list-justtitle li {position: relative;padding-left: 1rem;}
.list-justtitle li:before {content: "";display: block;width: 4px;height: 4px;background-color: var(--bs-tr00003);position: absolute;left: 0;top: 0.7rem;z-index: 1;box-shadow: 3px 3px 3px var(--bs-tr00001);}

/*公共部分：单标题文章列，排列样式：结束*************************************************************************/

/*公共部分：左文右图列表单元样式 left-text-right-img：开始*************************************************************************/

.left-text-right-img .text {flex-basis: auto;width: 70%;position: relative;flex-grow: 1;flex-shrink: 1;}
.left-text-right-img .text .tit {font-size: 1.125rem;}
.left-text-right-img .text .time {font-size: 0.875rem;color: var(--bs-tr00006);}
.left-text-right-img .img {flex-basis: auto;width: 30%;height: 140px;flex-grow: 1;flex-shrink: 1;border-radius: 0.3rem;overflow: hidden;}
.left-text-right-img .img img {display: block;width: 100%;height: auto;object-fit: cover;}

@media screen and (min-width:992px) and (max-width:1199px) {
  .left-text-right-img .img {width: 200px;flex-grow: 0;flex-shrink: 0;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .left-text-right-img .img {width: 200px;flex-grow: 0;flex-shrink: 0;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .left-text-right-img .img {width: 160px;height: 120px; flex-grow: 0;flex-shrink: 0;}
}
@media (max-width:575px) {
  .left-text-right-img .img {width: 120px;height: 90px; flex-grow: 0;flex-shrink: 0;}
  .left-text-right-img .text .tit {font-size: 1rem;}
}
/*公共部分：左文右图列表单元样式 left-text-right-img：结束*************************************************************************/


/*公共部分：弹性左图右文列表单元样式 zt-li ，应用tag主题页：开始*************************************************************************/

.pai {font-size: 100%;}
.pai .pai-img {flex-basis: auto;width: 20%;max-height: 200px;border-radius: 0.3rem;overflow: hidden;}
.pai .pai-img img {display: block;width: 100%;height: auto;object-fit: cover;}
.pai .pai-body {flex-basis: auto;width: 70%;}
.pai .pai-body .title {font-size: 1.125rem;}
.pai .pai-body .text {font-size: 0.875rem;color: var(--bs-tr00006);}
.pai .pai-body .time {font-size: 0.875rem;color: var(--bs-tr00006);}

.pai h2,.pai h3,.pai h4,.pai h5,.pai h6 {font-size: 0.875rem;}
.pai .wp-block-post-title {margin-bottom: 0 !important;}

@media screen and (max-width:991px) {
  .pai .pai-img {width: 30%;flex-grow: 1;flex-shrink: 1;}
  .pai .pai-body {width: 60%;flex-grow: 1;flex-shrink: 1;}
}
@media screen and (max-width:767px) {
  .pai {border-bottom: 1px solid var(--bs-tr00001);}
  .pai .pai-img {width: 100%;}
  .pai .pai-body {width: 100%;}
}

.list-page .pai .pai-body .title {font-size: 1.3125rem;}
@media (max-width:575px) {
  .list-page .pai .pai-body .title {font-size: 1.125rem;}
}

/*公共部分：弹性左图右文列表单元样式 zt-li ，应用tag主题页：结束*************************************************************************/




/*网站公共部分：列举单元 左右图文单元row-img-tit-time：开始**********************************************************************************************/

.row-img-tit-time {font-size: 0.875rem;}
.row-img-tit-time .img {flex-basis: auto; width: 36%;height: auto; position: relative;border-radius: 0.3rem;overflow: hidden;flex-grow: 0;flex-shrink: 0;}
.row-img-tit-time .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.row-img-tit-time .text {flex-basis: auto; width: 64%;flex-grow: 1;flex-shrink: 1;}
.row-img-tit-time .tit {font-size: 1rem;}
.row-img-tit-time p {color: var(--bs-tr00005);}
.row-img-tit-time .des {font-size: 0.875rem;color: var(--bs-tr00006);}
.row-img-tit-time .time {font-size: 0.875rem;color: var(--bs-tr00006);}

/*列表页样式*/
.list-page .row-img-tit-time .tit {font-size: 1.125rem;}

@media screen and (min-width:992px) and (max-width:1199px) {
  .row-img-tit-time .img {width: 30%;}
  .row-img-tit-time .text {width: 70%;}
}


@media (max-width:575px) {
  .list-page .row-img-tit-time .tit {font-size: 1rem;}
  .row-img-tit-time p {font-size: 0.75rem;}
  .row-img-tit-time .des {display: none; }
  .row-img-tit-time .img {width: 120px;flex-grow: 0;flex-shrink: 0;}
  .row-img-tit-time .text {width: 70%;}
  .row-img-tit-time {gap: 0.8rem;}
}
/*网站公共部分：列举单元 左右图文单元row-img-tit-time：结束**********************************************************************************************/












/**/

.products-list .classlist {width: 100%;display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 3rem;}
.products-list .classlist .box .classtit {font-size: 1.8rem;color: var(--bs-000);background-color: var(--bs-info);}
.products-list-left {width: 100%;font-size: 1.14rem;padding-right: 0.5rem;}
.products-list-left ul {padding-right: 1rem;border-right: 1px solid var(--bs-tr00001);}
.products-list-left li {margin-bottom: 1rem;}
.products-list-left li:last-child {margin-bottom: 0;}
.products-list-left li a {color: var(--bs-tr00006);}
.products-list-left li a:hover {color: var(--bs-red);}
.products-list-left li a.cur {color: var(--bs-red);}
.products-list .classtit {font-size: 1.5rem;margin-top: 0;}
.products-list .classtit span {border-left: 0.5rem solid var(--bs-info);padding-left: 0.5rem;}

.products-list .tie .product-list-column4 > li .text .tit {font-size: 1.14rem;}
@media screen and (min-width:576px) and (max-width:767px) {
  .products-list .classlist .box .classtit {font-size: 1.5rem;}
}
@media (max-width:575px) {
  .products-list .classlist {grid-gap: 1.5rem;}
  .products-list .classlist .box {overflow: hidden;}
  .products-list .classlist .box .classtit {
    width: 100%;
    font-size: 1.3rem;margin-left: auto;margin-right: auto;position: relative;
    background-color: transparent;border-left: 0.5rem solid var(--bs-info);
  }


  .products-list .classtit {padding-bottom: 1rem;padding-top: 1rem; font-size: 1.14rem;background-color: var(--bs-f5);}
  .products-list .classtit span {border-left: 0;padding-left: 0;text-align: center;}
  .products-list .classtit {padding-bottom: 1rem;padding-top: 1rem; font-size: 1.14rem;background-color: var(--bs-f5);}
  .products-list .classtit span {border-left: 0;padding-left: 0;text-align: center;}
  
}

.products-list .lx {/*background-color: var(--bs-light);*/}



/*产品type封面：左边栏锚链接样式*/

.qian-left-classnav {width: 100%; font-size: 1rem;}
.qian-left-classnav > ul {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 0.5rem;}
.qian-left-classnav > ul > li.cur {position: relative;}

.qian-left-classnav > ul > li.cur:before {
  
  
}
.qian-left-classnav > ul > li.cur > a {background-color: var(--bs-info);}
.qian-left-classnav > ul > li > a {
  display: block;width: 100%;height: auto;
  background-color: var(--bs-f5);
  padding: 1rem 0;
  text-align: center; 
  color: var(--bs-333);
  transition: background-color 0.3s,color 0.3s;
  border-radius: 0.3rem;overflow: hidden;
}

@media (min-width:1200px) {
  .qian-left-classnav > ul > li > a:hover {background-color: var(--bs-red);color: var(--bs-fff);}
}
.qian-left-classnav > ul > li > ul {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 0;}
.qian-left-classnav > ul > li > ul li {
  border-right: 3px solid var(--bs-info);
  text-align: right;
}
.qian-left-classnav > ul > li > ul li a {color: var(--bs-333);}
@media screen and (min-width:992px) and (max-width:1199px) {
  .qian-left-classnav {padding-bottom: 0;}
  .qian-left-classnav > ul {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;gap: 2rem; 
    width: 100%; overflow-x: auto;padding-right: 2rem;padding-left: 2rem;background-color: var(--bs-f5);border-radius: 0.3rem;
  }
  .qian-left-classnav > ul > li {flex-basis: auto; display: inline-block;}
  .qian-left-classnav > ul > li:last-child {margin-right: 0;}
  .qian-left-classnav > ul > li.cur > a {background-color: transparent;}
  .qian-left-classnav > ul > li.cur:before {
    content: "";display: block;
    position: absolute;
    z-index: 1;
    width: 1rem;height: 2px;
    border-radius: 1px;
    background-color: var(--bs-red); 
    bottom: 0.5rem;
    right: 50%;
    margin-right: -0.5rem;
  }
  .qian-left-classnav > ul > li > a {background-color: transparent;display: block;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .qian-left-classnav {padding-bottom: 0;}
  .qian-left-classnav > ul {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;
    gap: 2rem; width: 100%; overflow-x: auto;padding-right: 2rem;padding-left: 2rem;
    background-color: var(--bs-f5);border-radius: 0.3rem;
  }
  .qian-left-classnav > ul > li {flex-basis: auto; display: inline-block;padding-right: 0;}
  .qian-left-classnav > ul > li:last-child {margin-right: 0;}
  .qian-left-classnav > ul > li.cur > a {background-color: transparent;}
  .qian-left-classnav > ul > li.cur:before {
    content: "";display: block;
    position: absolute;
    z-index: 1;
    width: 1rem;height: 2px;
    border-radius: 1px;
    background-color: var(--bs-red); 
    bottom: 0.5rem;
    right: 50%;
    margin-right: -0.5rem;
  }
  .qian-left-classnav > ul > li > a {background-color: transparent;display: block;}

}
@media screen and (min-width:576px) and (max-width:767px) {
  .qian-left-classnav {padding-bottom: 0;}
  .qian-left-classnav > ul {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 2rem; 
    width: 100%; overflow-x: auto;padding-right: 2rem;padding-left: 2rem;background-color: var(--bs-f5);border-radius: 0.3rem;
  }
  .qian-left-classnav > ul > li {flex-basis: auto; display: inline-block;padding-right: 0;flex-shrink: 0;flex-grow: 0;}
  .qian-left-classnav > ul > li:last-child {margin-right: 0;}
  .qian-left-classnav > ul > li.cur > a {background-color: transparent;}
  .qian-left-classnav > ul > li.cur:before {
    content: "";display: block;
    position: absolute;
    z-index: 1;
    width: 1rem;height: 2px;
    border-radius: 1px;
    background-color: var(--bs-red); 
    bottom: 0.5rem;
    right: 50%;
    margin-right: -0.5rem;
  }
  .qian-left-classnav > ul > li > a {background-color: transparent;display: block;}
}
@media (max-width:575px) {
  .qian-left-classnav {padding-bottom: 0;}
  .qian-left-classnav > ul {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1rem; 
    width: 100%; overflow-x: auto;padding-right:1rem;padding-left: 1rem;background-color: var(--bs-f5);border-radius: 0;
  }
  .qian-left-classnav > ul > li {flex-basis: auto; display: inline-block;padding-right: 0;flex-shrink: 0;flex-grow: 0;}
  .qian-left-classnav > ul > li:last-child {margin-right: 0;}
  .qian-left-classnav > ul > li.cur > a {background-color: transparent;}
  .qian-left-classnav > ul > li.cur:before {
    content: "";display: block;
    position: absolute;
    z-index: 1;
    width: 1rem;height: 2px;
    border-radius: 1px;
    background-color: var(--bs-red); 
    bottom: 0.3rem;
    right: 50%;
    margin-right: -0.5rem;
  }
  .qian-left-classnav > ul > li > a {background-color: transparent;display: block;padding: 0.6rem 0;}
}




/*产品type和list列表页面样式：结束*********************************************************************************************************************/







/*文章页/详情页正文部分：开始*******************************************************************************************************************************************/

/*文章头部块*/
article h1 {font-size: 2.625rem;line-height: 1.4;color: var(--bs-333);text-align: justify;}
article .des {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 2rem;align-items: center;justify-content: center;}

article .des .threeinfo {
  flex-basis: auto;width: auto;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1.4rem;align-items: center;
  color: var(--bs-tr00006);font-size: 0.875rem;
}
article .play .des {justify-content: start;}
article .play .des .threeinfo {justify-content: start;}
article .des .xiazai {text-align: right;flex-basis: auto;width: auto;}
article .des .xiazai .xiazai-thebtn {display: inline-block;width: auto;}
article .des .xiazai .toword {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 0;align-items: center;justify-content: center;}
article .des .xiazai .toword:hover {background-color: var(--bs-tr00001);color: var(--bs-primary);}
article .des .xiazai .toword .tb {font-size: 0.875rem;padding: 0.3rem;line-height: 1; color: var(--bs-fff);background-color: var(--bs-primary);}
article .des .xiazai .toword .text {font-size: 0.75rem;padding: 0 0.5rem;}
article .des .xiazai p {display: none; width: 100%;}

.banquan {font-size: 0.75rem;color: var(--bs-tr00005);}
/*产品详情页*/
article.cp-art {background-color: var(--bs-fff);border-radius: 0.3rem;}
article.cp-art h1 {font-size: 2.875rem;line-height: 1.4;}
.product-art-xinxi article.cp-art h1 {font-size: 1.75rem;}
/*内容充满全宽页面类型*/
.news-art-w100 article h1 {font-size: 2.875rem;line-height: 1.4;}

@media screen and (min-width:1200px) and (max-width:1399px) {
  article h1 {font-size: 2.25rem;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
  article h1 {font-size: 2.25rem;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  article h1 {font-size: 2.125rem;}
  article.cp-art h1 {font-size: 2.125rem;}
  .news-art-w100 article h1 {font-size: 2.125rem;}
  article .des .xiazai {display: none;}
  article .des .threeinfo {width: 100%;justify-content: center;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  article h1 {font-size: 1.75rem;}
  article.cp-art h1 {font-size: 1.75rem;}
  .news-art-w100 article h1 {font-size: 1.75rem;}
  article .des .xiazai {display: none;}
  article .des .threeinfo {width: 100%;justify-content: center;}
}
@media (max-width:575px) {
  article {border-radius: 1rem;}
  article h1 {font-size: 1.4rem;}
  article.cp-art h1 {font-size: 1.75rem;}
  .news-art-w100 article h1 {font-size: 1.4rem;}
  .product-art-xinxi article.cp-art h1 {font-size: 1.4rem;}
  article .des .threeinfo {width: 100%;font-size: 0.75rem;gap: 0.6rem;flex-wrap: wrap;justify-content: center;}
  article .des .xiazai {display: none; width: 40%;}
  article .des .xiazai p {display: block; color: var(--bs-tr00006);font-size: 0.75rem;}
}



/*传统编辑样式*/
.bodytext {font-size: 1.125rem;line-height: 1.6;text-align: justify;color: var(--bs-333);}
.bodytext > *:first-child {margin-top: 0 !important;}
.bodytext a {color: var(--bs-info-dark);}
.bodytext a:hover {color: var(--bs-red);}
.bodytext img {display: block; max-width: 100% !important;height: auto !important; border-radius: 0.3rem;overflow: hidden;}
.bodytext > img {margin:2rem auto;} 

.bodytext > p {margin-bottom: 1.5rem;}
.bodytext h2 {
  border-left: 1rem solid var(--bs-dark);padding-left: 1rem;
}
.bodytext h2:first-child {margin-top: 0;}
.bodytext em,.bodytext blockquote em {font-style: italic;color: var(--bs-tr00006);font-size: 0.875rem;}
.bodytext strong,.bodytext blockquote strong {font-weight: bold;}
.bodytext u,.bodytext blockquote u {text-decoration: none;}
.bodytext strike,.bodytext blockquote strike {text-decoration: line-through;}
.bodytext blockquote {
  border:0;padding-left:1rem;padding-right: 1rem; padding-top: 3rem;padding-bottom: 1rem; 
  border-left: 0.5rem solid var(--bs-tr00003);background-color: var(--bs-f5);
  font-style: italic; margin-top: 1rem;
  position: relative;opacity: 0.8;
}

@media screen and (min-width:576px) and (max-width:767px) {
  /*.bodytext h2 {font-size: 1.3125rem;margin-top: 2rem;margin-bottom: 1.5rem;}*/
}
@media (max-width:575px) {
  .bodytext {font-size: 1rem;}
  .bodytext h2 {border-left: 0.3rem solid var(--bs-dark);padding-left: 0.5rem;}
}
.zt-cp .bodytext .is-layout-flow h2:first-child {margin-top: 0 !important;}


/*文章页/详情页正文部分：结束*******************************************************************************************************************************************/


/*产品类详情页：开始************************************************************************************************************************************************/

/*公司产品详情页：top部分*/
.product-art .top {
  background-color: var(--bs-trinfo06);
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 3rem;align-items: center;
  border-top-right-radius: 0.3rem;border-top-left-radius: 0.3rem;overflow: hidden;
}
.product-art .top .text {flex-basis: auto;width: 50%;padding-right: 3rem;}
.product-art .top .text p {font-size: 1.125rem;text-align: justify;}
.product-art-xinxi .product-art .top .text p {font-size: 1rem;}
@media (max-width:1199px) {
  .product-art .top {display: block;}
  .product-art .top .text {width: 100%;padding-top: 3rem;padding-right: 3rem;padding-bottom: 3rem;padding-left: 3rem;}
}
@media (max-width:575px) {
  section.art .container {padding-left: 0;padding-right: 0;}
  .product-art .xie {display: none;}
  .product-art .top {background-color: var(--bs-fff);border-top-right-radius:0;border-top-left-radius:0;}
  .product-art .top .text {padding-top: 1rem;padding-right: 1rem;padding-bottom: 0;padding-left: 1rem;}
  .product-art .top .text p {font-size: 1rem;}
}



/*产品类详情页：公共部分：产品的轮播样式*/
.product-swiper {flex-basis: auto;width: 50%;}
.product-swiper .swiper {width: 100%;height: 100%;}
.product-swiper .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-swiper .swiper-button-next,.product-swiper .swiper-button-prev {display: none; width: 3rem; color: var(--bs-trfff08);background-color: var(--bs-tr00006);}
@media (min-width:992px) {
  .product-swiper:hover .swiper-button-next,.product-swiper:hover .swiper-button-prev {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
}
.product-swiper .swiper-button-next:after, .product-swiper .swiper-button-prev:after {font-size: 1.4rem;}
.product-swiper .swiper-button-next, .product-swiper .swiper-rtl .swiper-button-prev {right: 0;}
.product-swiper .swiper-button-prev, .product-swiper .swiper-rtl .swiper-button-next {left: 0;}
.product-swiper .swiper-pagination { padding-left: 3rem;padding-right: 3rem;display: none;grid-template-columns: repeat(4, 1fr);grid-gap: 0.5rem;}
.product-swiper .swiper-pagination .swiper-pagination-bullet {width: 100%;border-radius: 0;height: 0.2rem;}
.product-swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--bs-fff);}

@media (max-width:1199px) {
  .product-swiper {width: 100%;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .product-swiper .swiper-pagination {display: grid;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .product-swiper .swiper-pagination {display: grid;}
}
@media (max-width:575px) {
  .product-swiper .swiper-pagination {display: grid;padding-left: 1rem;padding-right: 1rem;}
}

/*产品类详情页：公共部分：产品的别名与归类分类的列举*/
.cptagclass-list {font-style: italic;}
.cptagclass-list div {color: var(--bs-tr00006);}
.cptagclass-list ul {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;gap: 5px 10px;}
.cptagclass-list ul a {color: var(--bs-success);}
.cptagclass-list ul a:hover {color: var(--bs-red);}
@media (max-width:575px) {
  .cptagclass-list {padding: 1rem;border-radius: 0.3rem;background-color: var(--bs-trsuccess01);overflow: hidden;}
}

/*公司产品详情页：快捷导航*/
.pro-art-nav {width: 100%; font-size: 1rem;}
.pro-art-nav .boxout {width: 100%;}
.pro-art-nav .box {width: 100%;}
.pro-art-nav .box a {color: var(--bs-tr00006);}
.pro-art-nav .box a:hover {color: var(--bs-red);}
.pro-art-nav .box > ul {width: 100%;}
.pro-art-nav .box > ul li {margin-bottom: 0.8rem;}
.pro-art-nav .box > ul > li > ul {margin: 0.8rem 0;}
.pro-art-nav .box > ul li a.cur {color: var(--bs-red);}

/*产品详情页：调取案例*/
.cp-art-anli > ul {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 2rem;}
.cp-art-anli > ul > li {font-size: 1rem; }
.cp-art-anli > ul > li .text {position: relative;}
.cp-art-anli > ul > li .text .name {display: grid;grid-template-columns: 1fr 6rem;grid-gap: 1rem;align-items: center;}
.cp-art-anli > ul > li .text .name .l {display: grid;grid-template-columns: 4rem 1fr;grid-gap: 0.6rem;}
.cp-art-anli > ul > li .text .name .l .tb {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center; background-color: var(--bs-teal);color: var(--bs-fff);}
.cp-art-anli > ul > li .text .name .l .allname {font-size: 1.4rem;color: var(--bs-333);line-height: 1.2;}
.cp-art-anli > ul > li .text .name .r {text-align: right;}
.cp-art-anli > ul > li .text .name .r a.btn {color: var(--bs-333);font-size: 0.75rem;padding: 0.1rem 0.5rem;}
.cp-art-anli > ul > li .text .name .r a.btn:hover {color: var(--bs-fff);}
.cp-art-anli > ul > li .text .base-info {width: calc(100% - 4.6rem);margin-left: 4.6rem;}
.cp-art-anli > ul > li .text .base-info p {padding-left: 80px;color: var(--bs-tr00006);position: relative;font-size: 1rem;}
.cp-art-anli > ul > li .text .base-info p span {display: block;position: absolute;left: 0;top: 0;z-index: 1;}
.cp-art-anli > ul > li .imgs > *:last-child {margin-bottom: 0;}
@media screen and (min-width:768px) and (max-width:991px) {
  .cp-art-anli > ul > li {border-left: 0;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .cp-art-anli > ul > li {border-left: 0;}
  .cp-art-anli > ul > li .text .name .l .allname {font-size: 1.125rem;}
}
@media (max-width:575px) {
  .cp-art-anli > ul > li {border-left: 0;}
  .cp-art-anli > ul {grid-gap: 1rem;}
  .cp-art-anli > ul > li .text .name .l .tb {font-size: 0.875rem;}
  .cp-art-anli > ul > li .text .name .l .allname {font-size: 1.125rem;}
  .cp-art-anli > ul > li .text .base-info p {font-size: 0.875rem;padding-left: 70px;}
}

/*产品详情页：调取证书*/
.cp-art-zhengshu {width: 100%;}
.cp-art-zhengshu ul {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  flex-wrap: nowrap; align-items: start;justify-content: start;gap: 1.5rem;width: auto;min-width: 100%; overflow-x:auto;
}
.cp-art-zhengshu ul li {flex-basis: auto;width: 25%;}
.cp-art-zhengshu ul li img {display: block;width: 100%;height: auto;border:1px solid var(--bs-tr00001);}
.cp-art-zhengshu ul li p {font-size: 0.875rem;color: var(--bs-tr00008);}
@media screen and (min-width:576px) and (max-width:991px) {
  .cp-art-zhengshu ul {gap: 0.6rem; }
  .cp-art-zhengshu ul li {width: 60%;flex-grow: 0;flex-shrink: 0;}
}
@media (max-width:575px) {
  .cp-art-zhengshu ul {gap: 0.6rem; }
  .cp-art-zhengshu ul li {width: 60%;flex-grow: 0;flex-shrink: 0;}
}


/*产品详情页：调取发展*/
.cp-art-fazhan ul li {display: flex;flex-wrap: nowrap;gap: 1.5rem;margin-bottom: 2rem;padding-bottom: 2rem;border-bottom: 1px solid var(--bs-tr00001);}
.cp-art-fazhan ul li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.cp-art-fazhan ul li .text {flex-basis: auto;width: 80%;flex-grow: 1;flex-shrink: 1;}
.cp-art-fazhan ul li .text .fu {font-size: 0.75rem;color: var(--bs-tr00006);font-style: italic;}
.cp-art-fazhan ul li .text .fu span {display: inline-block;margin-right: 1rem;}
.cp-art-fazhan ul li .text p {color: var(--bs-tr00006);font-size: 1rem;}
.cp-art-fazhan ul li .imgone {flex-basis: auto; width: 20%;max-height: 14rem;flex-grow: 0;flex-shrink: 0;overflow: hidden;}
.cp-art-fazhan ul li .imgone img {display: block;width: 100%;height: 100% !important;object-fit: cover;}
@media screen and (min-width:768px) and (max-width:991px) {
  .cp-art-fazhan ul li {display: block;}
  .cp-art-fazhan ul li .text {width: 100%;}
  .cp-art-fazhan ul li .imgone {width: 100%;margin-top: 1rem;max-height: 30rem;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .cp-art-fazhan ul li {display: block;}
  .cp-art-fazhan ul li .text {width: 100%;}
  .cp-art-fazhan ul li .imgone {width: 100%;margin-top: 1rem;max-height: 20rem;}
}
@media (max-width:575px) {
  .cp-art-fazhan ul li {display: block;}
  .cp-art-fazhan ul li .text {width: 100%;}
  .cp-art-fazhan ul li .imgone {width: 100%;margin-top: 1rem;max-height: 16rem;}
}

/*客户考察*/
.cp-art-kuhukaocha {width: 100%;position: relative;}
.cp-art-kuhukaocha .swiper {width: 100%;height: 100%;padding-bottom: 3rem;border-bottom: 1px solid var(--bs-tr00001);}
.cp-art-kuhukaocha .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cp-art-kuhukaocha .swiper-slide .box .img {width: 100%;height: 240px;overflow: hidden;}
.cp-art-kuhukaocha .swiper-slide img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.cp-art-kuhukaocha .swiper-slide .box .tit {line-height: 1.5;font-size: 1rem;}
.cp-art-kuhukaocha .swiper-pagination {bottom: 0.6rem;text-align: left;display: table;width: auto;}
.cp-art-kuhukaocha .swiper-pagination-bullet-active {background-color: var(--bs-dark);}
.cp-art-kuhukaocha .swiper-button-next {top: auto;bottom: 0;width: auto;right: 0;}
.cp-art-kuhukaocha .swiper-button-next:after {
  display: flex; 
  font-size: 1rem;
  width: 2rem;height: 2rem;border-radius: 1rem;
  background-color: var(--bs-tr00003);
  justify-content: center;
  align-items: center;
}
.cp-art-kuhukaocha .swiper-button-next:hover:after {background-color: var(--bs-dark);}

.cp-art-kuhukaocha .swiper-button-prev {top: auto;bottom: 0;left: auto;right: 3rem; width: auto;}
.cp-art-kuhukaocha .swiper-button-prev:after {
  display: flex; 
  font-size: 1rem;
  width: 2rem;height: 2rem;border-radius: 1rem;
  background-color: var(--bs-tr00003);
  justify-content: center;
  align-items: center;
}
.cp-art-kuhukaocha .swiper-button-prev:hover:after {background-color: var(--bs-dark);}



/*产品详情页：调取产品推荐*/
.cp-art-pro-tuijian ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 3rem 2rem;}
.cp-art-pro-tuijian ul li > a {display: block;position: relative;}
.cp-art-pro-tuijian ul li > a img {display: block;width: 100%;height: auto;}

.cp-art-pro-tuijian ul li .text .tit {font-size: 1.125rem;line-height: 1.2;}
.cp-art-pro-tuijian ul li .text p {font-size: 1rem;color: var(--bs-tr00006);line-height: 1.5;}

@media screen and (min-width:768px) and (max-width:991px) {
  .cp-art-pro-tuijian ul {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .cp-art-pro-tuijian ul {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:575px) {
  .cp-art-pro-tuijian ul {grid-template-columns: repeat(2, 1fr);grid-gap: 1.5rem 0.5rem;}
  .cp-art-pro-tuijian {padding: 1rem;border-radius: 1rem;background-color: var(--bs-f5);overflow: hidden;font-size: 1rem;}
  .cp-art-pro-tuijian ul {grid-template-columns: repeat(1, 1fr);grid-gap: 0;overflow: hidden;}
  .cp-art-pro-tuijian ul li {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap; gap: 0.8rem;
    background-color: transparent;border-radius:0;
    padding: 1rem 0;border-bottom: 1px solid var(--bs-tr00001);
  }
  .cp-art-pro-tuijian ul li:first-child {padding-top: 0;}
  .cp-art-pro-tuijian ul li:last-child {border-bottom: 0;padding-bottom: 0;}
  .cp-art-pro-tuijian ul li > a {flex-basis: auto;width: 120px;height: 120px;flex-grow: 0;flex-shrink: 0; border-radius: 0.3rem;overflow: hidden;}
  .cp-art-pro-tuijian ul li > a img {height: 100%;object-fit: cover;}
  .cp-art-pro-tuijian ul li .text {flex-basis: auto;width:calc(100% - 140px - 0.8rem);flex-shrink: 1;flex-grow: 1;}
  .cp-art-pro-tuijian ul li .text .tit {line-height: 1.2;}
  .cp-art-pro-tuijian ul li .text p {font-size: 0.875rem;}
  
}

/*产品类详情页：结束************************************************************************************************************************************************/



/*公司新闻专题list页面 ：开始******************************************************************************************************************************************************/


.zhuanti-list-top .box {position: relative; background-color: var(--bs-info);background-image: url(../images/900300.png);border-radius: 0.3rem;background-size: cover;background-repeat: no-repeat;}
.zhuanti-list-top .box .box-n {display: flex;flex-wrap: nowrap;gap: 1rem;align-items: end; position: relative;bottom: -2rem;}
.zhuanti-list-top .box .box-n .img {flex-basis: auto;width: 6rem;height: 6rem;flex-grow: 0;flex-shrink: 0;}
.zhuanti-list-top .box .box-n .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.zhuanti-list-top .box .box-n .text {flex-basis: auto;}
.zhuanti-list-top .box .box-n .text .tit {color: var(--bs-fff);font-size: 1.25rem;}
.zhuanti-list-top .box .box-n .text p {color: var(--bs-tr00006);}


@media (max-width:575px) {
  .zhuanti-list-top .box {border-radius: 0;}
}

/*公司新闻专题list页面 ：结束******************************************************************************************************************************************************/




/*成列格样式：开始*******************************************************************************************************************/
.list-pc3 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:3rem 2rem;}
.list-pc4 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap:3rem 2rem;}
@media screen and (min-width:1200px) and (max-width:1399px) {
  .list-pc4 {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .list-pc4 {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .list-pc3 {grid-template-columns: repeat(2, 1fr);}
  .list-pc4 {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .list-pc3 {grid-template-columns: repeat(2, 1fr);}
  .list-pc4 {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:575px) {
  .list-pc3 {grid-template-columns: repeat(1, 1fr);grid-gap: 0;background-color: var(--bs-fff);border-radius: 1rem;}
  .list-pc4 {grid-template-columns: repeat(1, 1fr);grid-gap: 0;padding: 1rem !important;background-color: var(--bs-fff);border-radius: 1rem;}
}

/*成列格样式：结束*******************************************************************************************************************/



/*视频样式：开始*******************************************************************************************************************/

.video-allxian {display: none; width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 9990;}
.video-allxian .all {width: 100%;height: 100%;background-color: var(--bs-tr00008);}
.video-allxian .play {
  width: 80%;height: 100%;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;justify-content: center;
  background-color: var(--bs-info); 
  position: absolute;left: -3000px;top: 0;z-index: 1;
}
.video-allxian .play .play-block {flex-basis: auto;width: 80%;overflow-y: auto;}

.video-allxian .play .play-block .playbox {
  width: 100%;height: 640px;
  background-color: var(--bs-000);
  background-image: url(../images/noshipin.png);
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
  box-shadow: 0 0 1rem var(--bs-tr00003);
}
.video-allxian .play .play-block .playbox iframe {width: 100% !important;height: 100% !important;}
.video-allxian .play .play-block .text {position: relative;}
.video-allxian .play .play-block .text .tbbtn {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1rem;align-items: center;justify-content: space-between;}
.video-allxian .play .play-block .text ul {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;gap: 1rem;font-size: 0.75rem;}
.video-allxian .play .play-block .text ul li {
  flex-basis: auto;width: 80px;text-align: center; padding: 6px 0;
  background-color: var(--bs-red);position: relative;color: var(--bs-fff);
  border-radius: 0.3rem;cursor: pointer;
}
.video-allxian .play .play-block .text ul li:before {content: "";display: block; width: 0;height: 2px;background-color: var(--bs-red);position: absolute;left: 0;bottom: -0.5rem;z-index: 1; transition: width 0.5s;}
.video-allxian .play .play-block .text ul li:hover:before {width: 100%;}
.video-allxian .play .play-block .text ul li.cur:after {content: "▲";display: block;width: 20px;position: absolute;left: 50%;top: -14px;z-index: 1;margin-left: -10px;color: var(--bs-red);}
.video-allxian .play .play-block .text .tit {font-size: 2.125rem;color: var(--bs-000);}
.video-allxian .play .play-block .text .time {color: var(--bs-tr00006);font-style: italic;}
.video-allxian .play .play-block .text .more:hover {background-color: var(--bs-fff);color: var(--bs-000);}



.video-li-box .img {width: 100%;height: 200px; border-radius: 0.3rem;overflow: hidden;position: relative;}
.video-li-box .img .img-body {width: 100%;height: 100%;}
.video-li-box .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.video-li-box .img .tb {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;
  width: 100%;height: 100%;background-color: transparent;transition: background-color 0.5s;
  position: absolute;left: 0;top: 0;z-index: 1;
}
.video-li-box .img .tb span {display: block;width: 0;transition: width 0.5s;}
.video-li-box .img .tb svg {display: inline-block;width: 100%;height: auto; fill: var(--bs-trfff08);}
.video-li-box .img .tb a {display: none;align-items: center;justify-content: center; width: 100%;height: 100%;}
.video-li-box .img .tb a svg {width: 3.6rem;height: auto;fill: var(--bs-fff);}

.video-li-box .img iframe {display: block; width: 100% !important;height: 100% !important;}
.video-li-box .tit {font-size: 1rem;line-height: 22px;height: 44px;}
.video-li-box .fu {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: space-between;gap: 1rem;color: var(--bs-tr00006);font-style: italic;font-size: 0.9rem;}
.video-li-box .fu a {font-size: 0.75rem !important;padding: 0.2rem 0.5rem;}

@media (min-width:1200px) {
  .video-li-box .img:hover .tb {background-color: var(--bs-trinfo08);}
  .video-li-box .img:hover .tb span {width:20%;}
  .video-li-box .fu a:hover {background-color: var(--bs-red);color: var(--bs-fff);}
}

@media (max-width:1199px) {
  .video_m_fu {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1rem;position: fixed;right: 1rem;bottom: calc(66px + 2rem);z-index: 11;}
  .video_m_fu > * {
    width: 4rem;height: 4rem;
    text-align: center;
    color: var(--bs-fff);
    background-color: var(--bs-info);
    padding: 0.6rem;
    line-height: 1.2;
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
  }
  .video_m_fu > * a {
    display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: var(--bs-fff);
  }
}
@media screen and (min-width:1400px) and (max-width:1600px) {
  .video-allxian .play .play-block .playbox {height: 460px;}
}
@media screen and (min-width:1200px) and (max-width:1399px) {
  .list-pc4 {grid-template-columns: repeat(3, 1fr);}
  .video-allxian .play .play-block .playbox {height: 380px;}
  .video-allxian .play .play-block .text .tit {font-size: 1.75rem;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .list-pc4 {grid-template-columns: repeat(3, 1fr);}
  .video-li-box .img .tb span {display: none;}
  .video-li-box .img .tb a {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
  .video-li-box .img .tb a svg {width: 4rem;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .list-pc3 {grid-template-columns: repeat(2, 1fr);}
  .list-pc4 {grid-template-columns: repeat(2, 1fr);}
  .video-li-box .img .tb span {display: none;}
  .video-li-box .img .tb a {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
  .video-li-box .img .tb a svg {width: 4rem;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .list-pc3 {grid-template-columns: repeat(2, 1fr);}
  .list-pc4 {grid-template-columns: repeat(2, 1fr);}
  .video-li-box .img .tb span {display: none;}
  .video-li-box .img .tb a {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
}
@media (max-width:575px) {
  .list-pc3 {grid-template-columns: repeat(1, 1fr);grid-gap: 0;background-color: var(--bs-fff);border-radius: 1rem;}
  .list-pc4 {grid-template-columns: repeat(1, 1fr);grid-gap: 0;padding: 1rem !important;background-color: var(--bs-fff);border-radius: 1rem;}
  .video-li-box {display: grid;grid-template-columns: 120px 1fr;grid-gap: 0.8rem;padding: 1rem 0;border-bottom: 1px solid var(--bs-tr00001);}
  .video-li-box:first-child {padding-top: 0 !important;}
  .video-li-box:last-child {padding-bottom: 0 !important;border-bottom: 0;}
  .video-li-box .img {height: 90px;}
  .video-li-box .img .tb span {display: none;}
  .video-li-box .img .tb a {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
  .video-li-box .img .tb a svg {width: 2rem;}
}


.video-art .play {width: 100%;}
.video-art .play .playbox {
  width: 100%;height: 620px;
  background-image: url(../images/noshipin.png);
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
  background-color: var(--bs-000);
}
.video-art .play .playbox iframe {width: 100%;height: 100%;}
.video-art .play .text .play-thebtns {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: space-between;width: 100%;}
.video-art .play .text .play-thebtns ul {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1rem;align-items: center;font-size: 0.75rem;}
.video-art .play .text .play-thebtns ul li {
  flex-basis: auto;width: 6rem; text-align: center; padding: 0.3rem 0;
  background-color: var(--bs-red);position: relative;color: var(--bs-fff);
  border-radius: 0.3rem;cursor: pointer;font-size: 0.75rem;
}
.video-art .play .text .play-thebtns ul li:before {content: "";display: block; width: 0;height: 2px;background-color: var(--bs-red);position: absolute;left: 0;bottom: -0.5rem;z-index: 1; transition: width 0.5s;}
.video-art .play .text .play-thebtns ul li:hover:before {width: 100%;}
.video-art .play .text .play-thebtns ul li.cur:after {
  content: "";display: block;
  border-top: 5px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 5px solid var(--bs-red);
  position: absolute;left: 50%;top: -10px;z-index: 1;margin-left: -3px;color: var(--bs-red);
}
.video-art .play .text .play-thebtns > a {font-size: 0.75rem;width: 6rem;padding: 0.3rem 0;}



@media screen and (min-width:1200px) and (max-width:1399px) {
  .video-art .play .playbox {height: 470px;}
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .video-art .play .playbox {height: 530px;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .video-art .play .playbox {height: 400px;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .video-art .play .playbox {height: 292px;}
  .video-art .play .text .play-thebtns ul {gap: 0.5rem;}
  .video-art .play .text .play-thebtns ul li {font-size: 0.75rem;width: 70px;padding: 4px 0;}
  .video-art .play .text .play-thebtns > a {font-size: 0.75rem;padding: 4px 0;width: 70px;}
}
@media (max-width:575px) {
  .video-art .play .playbox {height: 210px;background-size: 50% auto;}
  .video-art .play .text .play-thebtns ul {gap: 0.5rem;flex-basis: auto;width: 100%;}
  .video-art .play .text .play-thebtns ul li {font-size: 0.75rem;width: 70px;padding: 4px 0;}
  .video-art .play .text .play-thebtns > a {display: none
    ;}

}


/*视频样式：结束*******************************************************************************************************************/


/*案例列表的预览样式：开始*******************************************************************************************************************/


.yulan-swiper {display: none; width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 111;background-color: var(--bs-dark);padding: 3rem 10rem;}
.yulan-swiper .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.yulan-swiper .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-size: cover;
  background-position: center;
}
.yulan-swiper .mySwiper2 {
  height: 90%;
  width: 100%;
}
.yulan-swiper .mySwiper2 .swiper-slide img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

.yulan-swiper .mySwiper {
  display: flex;
  justify-content: center;
  width: auto;
  max-width: 100%;
  height: 10%;
  box-sizing: border-box;
  padding: 10px 0;
}
.yulan-swiper .mySwiper .swiper-wrapper {width: auto;}
.yulan-swiper .mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  width: 100%;
  object-fit: cover;
}
.yulan-swiper .mySwiper .swiper-slide {
  border: 3px solid transparent;border-radius: 0.3rem;overflow: hidden;
}

.yulan-swiper .mySwiper .swiper-slide-thumb-active {
  border: 3px solid var(--bs-fff);overflow: hidden;
}

.yulan-swiper .guanbi {
  width: 6rem;height: 6rem;border-bottom-left-radius:6rem;
  background-color:var(--bs-trfff08);
  position:absolute;right:0;top:0;z-index:222;
  overflow:hidden; 
}
.yulan-swiper .guanbi:after {
  content: "×";display: flex;
  width: 80%;height: 80%; 
  position: absolute;right: 0;top: 0;z-index: 333;
  font-size:  2.625rem;
  align-items: center;justify-content: center;
}


/*案例列表的预览样式：结束*******************************************************************************************************************/














/*关于我们************************************************************************************************************************************************/

.gongsi-page .tbanner {border-radius: 0.3rem;}


.gongsi-jj-jichu {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 0;}
.gongsi-jj-jichu .box {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 4rem;}
.gongsi-jj-jichu .box .img {flex-basis: auto;width: 30%; height: 200px;border-radius: 0.3rem;}
.gongsi-jj-jichu .box img {display: block; width: 100%;height: 100%;object-fit: cover;}
.gongsi-jj-jichu .box .text {flex-basis: auto;width: 70%;}

.fazhan-body > ul {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 2rem;font-size: 1.125rem;}
.fazhan-body > ul > li .year {font-size: 1.3125rem; display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 0;align-items: end;line-height: 1;}


.fazhan-body > ul > li > ul {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1rem;}
.fazhan-body > ul > li > ul > li a {display: inline-block;width: 1.3rem;height: auto;margin-left: 0.3rem;}
.fazhan-body > ul > li > ul > li:hover a {display: inline-block;}
.fazhan-body > ul > li > ul > li svg {width: 100%;height: auto;fill: var(--bs-tr00002);}
.fazhan-body > ul > li > ul > li a:hover svg {fill: var(--bs-red);}

.zizhi-body .zizhi-feng {border-radius: 0.3rem;overflow: hidden;}
.zizhi-body ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 3rem 2rem ;}
.zizhi-body ul li img {display: block;width: 100%;height: auto;border: 1px solid var(--bs-tr00001);}
.zizhi-body ul li .text {display:grid;grid-template-columns: 1fr 80px; gap: 1rem;align-items: center;}
.zizhi-body ul li .text p {text-align: left;}
.zizhi-body ul li .text .xiazai {text-align: right;}
.zizhi-body ul li p {font-size: 1rem;}
@media (max-width:991px) {
  .zizhi-body ul {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:767px) {
  .zizhi-body ul {grid-gap: 1rem;}
  .zizhi-body ul li p {font-size: 0.875rem;}
  .zizhi-body ul li .text .xiazai a {font-size: 0.75rem;}
  .zizhi-body ul li .text {gap: 0.5rem;}
}
@media screen and (min-width:768px) and (max-width:991px) {
/*  .gongsi-jj-renzheng {height: auto;}
  .gongsi-jj-renzheng ul li {width: 40%;display: block;}*/
}
@media screen and (min-width:576px) and (max-width:767px) {
  .zizhi-body ul {grid-gap: 1.6rem;grid-template-columns: repeat(1, 1fr);}
  .zizhi-body ul li p {font-size: 0.875rem;}

  .zizhi-body ul li .text .xiazai a {font-size: 0.75rem;}

  /*.gongsi-jj-renzheng {height: auto;}
  .gongsi-jj-renzheng ul li {width: 60%;display: block;}
  .gongsi-jj-renzheng ul li p {font-size: 1rem;}*/
}
@media (max-width:575px) {
  .zizhi-body ul {grid-gap: 1.6rem;grid-template-columns: repeat(1, 1fr);}
  .zizhi-body ul li p {font-size: 0.875rem;}

  .zizhi-body ul li .text .xiazai a {font-size: 0.75rem;}
}





.xiazaipan-list {background-color: var(--bs-trsuccess02);border-radius: 0.3rem;font-size: 0.875rem;}

.xiazaipan-list .xiazaipan-ul {font-size: 0.875rem;}
.xiazaipan-list .xiazaipan-ul > .box {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1rem;align-items: center;justify-content: space-between;
  overflow: hidden;
  margin-bottom: 1.4rem;
}
.xiazaipan-list .xiazaipan-ul > .box .text {flex-basis: auto;width: 80%; display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 1rem;align-items: center;background-color: var(--bs-tr00001);border-radius: 0.3rem;overflow: hidden;}
.xiazaipan-list .xiazaipan-ul > .box .text .panname {flex-basis: auto;width: 9rem;text-align: center; font-weight: bold;padding: 0.5rem 0;background-color: var(--bs-000);color: var(--bs-fff);}
.xiazaipan-list .xiazaipan-ul > .box .text .panurl {flex-basis: auto;max-width: calc(100% - 10rem);overflow-x: hidden;}
.xiazaipan-list .xiazaipan-ul > .box .todo {max-width: calc(20% - 1rem);display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: end;gap: 0.5rem;}
.xiazaipan-list .xiazaipan-ul > .box .todo a {color: var(--bs-fff);}
.xiazaipan-list > .text p {color: var(--bs-tr00006);font-size: 0.875rem;}
@media screen and (min-width:1200px) and (max-width:1399px) {
  .xiazaipan-list .xiazaipan-ul > .box .text {width: 75%;}
  .xiazaipan-list .xiazaipan-ul > .box .todo {max-width: calc(25% - 1rem);}
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .fazhan-body > ul > li > ul > li a {display: inline-block;}
  .xiazaipan-list .xiazaipan-ul > .box .text {width: 75%;}
  .xiazaipan-list .xiazaipan-ul > .box .todo {max-width: calc(25% - 1rem);}
}

@media screen and (min-width:768px) and (max-width:991px) {


  .fazhan-body > ul > li > ul > li a {display: inline-block;}
  .gongsi-jj-jichu .box {gap: 2rem;}
  .gongsi-jj-jichu .box .img {width: 40%;}
  .gongsi-jj-jichu .box .text {width: 60%;}
  .xiazaipan-list .xiazaipan-ul {font-size: 0.875rem;}
  .xiazaipan-list .xiazaipan-ul > .box .text {width: 75%;}
  .xiazaipan-list .xiazaipan-ul > .box .todo {max-width: calc(25% - 1rem);}
  .xiazaipan-list .xiazaipan-ul > .box .todo a {
    padding:.25rem .5rem;
    font-size:0.75rem;
    border-radius:.2rem
  }
  .xiazaipan-list .xiazaipan-ul > .box .todo .panurlcopy {
    padding:.25rem .5rem;
    font-size:0.75rem;
    border-radius:.2rem
  }
}

@media screen and (min-width:576px) and (max-width:767px) {

  .fazhan-body > ul > li > ul > li a {display: inline-block;}
  .gongsi-jj-jichu .box {gap: 2rem;}
  .gongsi-jj-jichu .box .img {width: 40%;height: 160px;}
  .gongsi-jj-jichu .box .text {width: 60%;}
  .xiazaipan-list .xiazaipan-ul {font-size: 0.875rem;}
  .xiazaipan-list .xiazaipan-ul > .box .text {width: 64%;}
  .xiazaipan-list .xiazaipan-ul > .box .text .panname {width: 6rem;}
  .xiazaipan-list .xiazaipan-ul > .box .todo {max-width: calc(36% - 1rem);}
  .xiazaipan-list .xiazaipan-ul > .box .todo a {
    padding:.25rem .5rem;
    font-size:0.75rem;
    border-radius:.2rem
  }
  .xiazaipan-list .xiazaipan-ul > .box .todo .panurlcopy {
    padding:.25rem .5rem;
    font-size:0.75rem;
    border-radius:.2rem
  }
}
@media (max-width:575px) {
  .fazhan-body > ul {font-size: 1rem;}

  .fazhan-body > ul > li > ul > li a {display: inline-block;}
  .gongsi-jj-jichu .box {gap: 1rem;flex-wrap: wrap;}
  .gongsi-jj-jichu .box .img {width: 100%;height: auto;}
  .gongsi-jj-jichu .box .text {width: 100%;}
  .gongsi-jj-jichu .box .text a {float: right;border: 1px solid var(--bs-tr00001);}
  .xiazaipan-list .banquan {border-radius: 0;}
  .xiazaipan-list .xiazaipan-ul {font-size: 0.875rem;}
  .xiazaipan-list .xiazaipan-ul > .box .text {width: 64%;}
  .xiazaipan-list .xiazaipan-ul > .box .text .panname {width: 6rem;}
  .xiazaipan-list .xiazaipan-ul > .box .todo {max-width: calc(36% - 1rem);}
  .xiazaipan-list .xiazaipan-ul > .box .todo a {
    padding:.25rem .5rem;
    font-size:0.75rem;
    border-radius:.2rem
  }
  .xiazaipan-list .xiazaipan-ul > .box .todo .panurlcopy {
    padding:.25rem .5rem;
    font-size:0.75rem;
    border-radius:.2rem
  }
  .xiazaipan-list > .text {padding: 1rem;background-color: var(--bs-tr00001);}
}

.lxwm {position: relative;width: 100%;}
.lxwm h2 {padding-left: 0.6rem;border-left: 1rem solid var(--bs-dark);line-height: 1;}
.lxwm .lx-sec {width: 100%;}
.lxwm .lx-box {
  border-radius: 0.3rem; 
  display: grid;grid-template-columns: 26% 74%;grid-gap: 1rem;
  align-items: center;justify-content: center;border: 1px solid var(--bs-tr00001);
  overflow: hidden;
}
.lxwm .lx-box .s1 {width: 100%;height: 100%; position: relative;background-color: var(--bs-info);box-shadow: 0 0 1rem var(--bs-tr00003);}
.lxwm .lx-box .s1:after {
  content: "";display: block;width: 20px;height: 20px;
  border-left: 10px solid var(--bs-info);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;right: -20px;top: 50%;z-index: 1;margin-top: -10px;
}
.lxwm .lx-box .s1 .tit {font-size: 1.125rem; border-bottom: 1px solid var(--bs-tr00001);color: var(--bs-000);}
.lxwm .lx-box .s1 .people {padding-left: 38px;position: relative;margin-bottom:1.5rem;}
.lxwm .lx-box .s1 .people:before {
  content: "";display: block;width: 24px;height: 24px;
  position: absolute;left: 0;top: -3px;z-index: 1;
  background-repeat: no-repeat;background-size: 70% auto;background-position: center;
  background-color: var(--bs-fff);box-shadow: 3px 3px 3px var(--bs-tr00006);
  border-radius: 12px;background-image: url(../images/syb-people.png);
}
.lxwm .lx-box .s1 .tell {padding-left: 38px;position: relative;margin-bottom:1.5rem;}
.lxwm .lx-box .s1 .tell:before {
  content: "";display: block;width: 24px;height: 24px;
  position: absolute;left: 0;top: -3px;z-index: 1;
  background-repeat: no-repeat;background-size: 70% auto;background-position: center;
  background-color: var(--bs-fff);box-shadow: 3px 3px 3px var(--bs-tr00006);
  border-radius: 12px;background-image: url(../images/syb-dianhua.png);
}
.lxwm .lx-box .s1 .plma {width: 100%}
.lxwm .lx-box .s1 .plma img {display: block;width: 90px;height: auto;}
.lxwm .lx-box .yycp {width: 100%;height: 100%;}
.lxwm .lx-box .yycp ul {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1rem;}

.lxwm .lx-sec2 {border-radius: 0.3rem;overflow: hidden;background-color:var(--bs-f5);}
.lxwm .lx-sec2 .box {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0;align-items: center;justify-content: center;}
.lxwm .lx-sec2 .box .s2box { }
.lxwm .lx-sec2 .bdditu {min-height: 400px;}




.bdditu {width: 100%;height: 100%;}
.bdditu iframe {width: 100%;height: 100%;}
@media screen and (min-width:992px) and (max-width:1199px) {
  .bdditu {height: 36rem;}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .bdditu {height: 28rem;}
  .lxwm .lx-box {grid-template-columns: 30% 70%;}
  .lxwm .lx-box .yycp ul {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .bdditu {height: 24rem;}
  .lxwm .lx-box {grid-template-columns: 40% 60%;}
  .lxwm .lx-box .yycp ul {grid-template-columns: repeat(2, 1fr);}
  .lxwm .lx-sec2 .box {grid-template-columns: repeat(1, 1fr);}
  .lxwm .lx-sec2 .bdditu {min-height: 200px;}
}
@media (max-width:575px) {
  /*.lxwm article {padding: 1rem;}*/
  .lxwm article h1 {font-size: 1.4rem;}
  .lxwm h2 {font-size: 1.125rem;}
  .lxwm .lx-box .s1 .tit {font-size: 1rem;}
  .lxwm .bodytext {font-size: 1rem;}
  .lxwm .bodytext p {margin-bottom: 0.5rem;}
  .lxwm .lx-box {grid-template-columns: 60% 40%;}
  .lxwm .lx-box .yycp ul {grid-template-columns: repeat(1, 1fr);max-height: 300px;overflow-y: scroll;}
  .lxwm .lx-sec2 .box {grid-template-columns: repeat(1, 1fr);}
  .lxwm .lx-sec2 .bdditu {min-height: 200px;}
}



.xiazai-list-body > li {
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: space-between;gap: 2rem;
  padding-left: 0.3rem;padding-right: 0.3rem;background-color: transparent;
  transition: background-color 0.5s;
}
.xiazai-list-body > li .name {
  flex-basis: auto;width: calc(50% - 1rem);flex-shrink: 0;flex-grow: 0; font-size: 1rem;
  display: grid;grid-template-columns: 7rem 1fr;grid-gap: 0;
}
.xiazai-list-body > li .name span {display: inline-block;}
.xiazai-list-body > li .name span.time {color: var(--bs-tr00006);font-style: italic;font-size: 0.875rem;position: relative;bottom: -0.2rem;z-index: 1;}
.xiazai-list-body > li .xiazai {
  flex-basis: auto;width: calc(50% - 1rem);flex-shrink: 0;flex-grow: 0;
  display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;align-items: center;justify-content: end;
  color: var(--bs-tr00006);
}
.xiazai-list-body > li .xiazai ul {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;gap: 0.5rem;}
.xiazai-list-body > li .xiazai ul li a {
  display: block;width: 100%;
  border: 1px solid var(--bs-tr00001);
  border-radius: 0.3rem;
  color: var(--bs-tr00006);
  transition: color 0.5s,background-color 0.5s;
}
@media (min-width:1200px) {
  .xiazai-list-body > li:hover {background-color: var(--bs-f5);}
  .xiazai-list-body > li .xiazai ul li a:hover {background-color: var(--bs-red);color: var(--bs-fff);}
}
@media (max-width:1199px) {
  .seotoptext .tit {text-align: center;}
}

@media screen and (min-width:768px) and (max-width:991px) {
  .xiazai-list-body > li {flex-wrap: wrap;justify-content:start;gap:1rem; }
  .xiazai-list-body > li .name {width: 100%;}
  .xiazai-list-body > li .xiazai {width: 100%;padding-left: 7rem;justify-content:start;}
}

@media screen and (min-width:576px) and (max-width:767px) {
  .xiazai-list-body > li {flex-wrap: wrap;justify-content:start;gap:1rem; }
  .xiazai-list-body > li .name {width: 100%;}
  .xiazai-list-body > li .xiazai {width: 100%;padding-left: 7rem;justify-content:start;}
  .seotoptext .tit {font-size: 1.75rem;}
}
@media (max-width:575px) {
  .xiazai-list-body > li {flex-wrap: wrap;justify-content:start;gap:1rem; background-color: var(--bs-fff);margin-bottom: 0.5rem;padding: 1rem;border-radius: 1rem;overflow: hidden;}
  .xiazai-list-body > li.border-bottom {border-bottom: 0 !important;}
  .xiazai-list-body > li .name {width: 100%;display: block;}
  .xiazai-list-body > li .name span.time {background-color: var(--bs-333);color: var(--bs-fff);padding: 0.3rem 1rem 0.3rem 2rem;border-top-right-radius:1rem;border-bottom-right-radius:1rem;bottom:0;left:-2rem;margin-bottom:1rem; }
  .xiazai-list-body > li .xiazai {width: 100%;justify-content:start;flex-wrap: wrap;gap: 0.5rem;}
  .xiazai-list-body > li .xiazai .tishi {width: 100%;flex-basis: auto;}
  .xiazai-list-body > li .xiazai ul {flex-basis: auto;width: 100%;flex-wrap: wrap;}
  .seotoptext .tit {font-size: 1.5625rem;}
  .seotoptext .text {border-radius: 0;border-bottom: 1px solid var(--bs-tr00001);border-top: 1px solid var(--bs-tr00001);}

}









/*产品专题详情：开始************************************************************************************************************************************/

.bg-cpzhuanti {background-color: var(--bs-f5);}
.cpzhuanti-page {overflow: hidden;}
.cpzhuanti-top {position: relative;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;overflow: hidden;}
.cpzhuanti-top .bannerimg {width: 100%;}
.cpzhuanti-top .bannerimg img {display: block;width: 100%;height: auto;}
.cpzhuanti-top .bannertext {width: 100%; position: absolute;left: 0;bottom: 0;z-index: 1;background-color: var(--bs-tr00006);color: var(--bs-fff);}
.cpzhuanti-top .bannertext * {color: var(--bs-fff);}
.cpzhuanti-top .bannertext h1 {font-size: 2.625rem;}
.cpzhuanti-top .bannertext p {opacity: 0.8;}

.cpzhuanti-body {background-color: var(--bs-fff);border-bottom-right-radius:0.3rem;border-bottom-left-radius:0.3rem; }

@media screen and (min-width:768px) and (max-width:991px) {
  .cpzhuanti-top .bannertext h1 {font-size: 1.75rem;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .cpzhuanti-top .bannertext h1 {font-size: 1.5625rem;}
}
@media (max-width:575px) {
  .bg-cpzhuanti {background-color: var(--bs-fff);}
  .cpzhuanti-top .bannertext h1 {font-size: 1.4rem;}
  .cpzhuanti-top .bannertext {position: static;background-color: transparent;color: var(--bs-333);border-bottom: 1px dashed var(--bs-tr00003);}
  .cpzhuanti-top .bannertext * {color: var(--bs-333);}
  .cpzhuanti-body {background-color: transparent;}
  .cpzhuanti-body .list-pc4 {padding: 0 !important;}
}


@media (min-width: 1400px) {
  .cpzhuanti-body .cp-art-zhengshu ul li {}
}

/*产品专题详情：开始************************************************************************************************************************************/








/* 色卡体验 - 展示swiper ：开始 ------------------------------------------------------------------------------------------------------------ */
.mainart {background-color: var(--bs-fff);}
.mainart .bodytext h2 {border-left: 6px solid var(--bs-info);}
.mainart svg {fill: var(--bs-info) !important;}
.mainart .t {background-color: var(--bs-info) !important;}


.seka {width: 100%;overflow: hidden;}

.skswiper {width: 100%;position: relative;overflow: hidden;}
.skswiper .swiper {width: 100%;height: 100%;}
.skswiper .swiper-slide {
        width: 100%;
        height: 100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-image: url(../img/img/1553.jpg);
        background-size: cover;
        background-position: center;background-repeat: no-repeat;

      }

.skswiper .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.skswiper .swiper-pagination {bottom: 8%;}
.skswiper .swiper-pagination-bullet {
  width: 10px;height: 10px;border-radius: 5px;background-color: var(--bs-info);opacity: 0.8;
  border: 1px solid var(--bs-fff);
  transition: width 0.5s;
}
.skswiper .swiper-pagination-bullet-active {background-color: var(--bs-info);width: 50px;}
.skswiper .sehao {
  width: 140px;height: 80px;display: flex;flex-wrap: nowrap; justify-content: center;align-items: center;gap: 6px;
  position: absolute;right: 0;top: 7%;z-index: 1;
  background-color: var(--bs-fff);
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  overflow: hidden;
}
.skswiper .sehao .img {width: 18px;height: 18px;flex-basis: auto;flex-grow: 0;flex-shrink: 0;}
.skswiper .sehao .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.skswiper .sehao .text {flex-basis: auto;}


.skfu {display: none; position: fixed;left: 0;top: 0;z-index: 2;width: 100%;height: auto;box-shadow: 0 14px 0 var(--bs-fff);}
.skfu .swiper {width: 100%;height: 100%;}
.skfu .swiper-slide {
        width: 100%;
        height: 100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.skfu .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.skfu .swiper-pagination {bottom: 8%;}
.skfu .swiper-pagination-bullet {
  width: 10px;height: 10px;border-radius: 5px;background-color: var(--bs-info);opacity: 0.8;
  border: 1px solid var(--bs-fff);
  transition: width 0.5s;
}
.skfu .swiper-pagination-bullet-active {background-color: var(--bs-info);width: 50px;}

.skfu .sehao {
  width: 140px;height: 80px;display: flex;flex-wrap: nowrap; justify-content: center;align-items: center;gap: 6px;
  position: absolute;right: 0;top: 7%;z-index: 1111;
  background-color: var(--bs-fff);
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  overflow: hidden;
}
.skfu .sehao .img {width: 18px;height: 18px;flex-basis: auto;flex-grow: 0;flex-shrink: 0;}
.skfu .sehao .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.skfu .sehao .text {flex-basis: auto;}



.skul {width: 100%;}
.skul ul {width: 100%;height: 648px;overflow-y: scroll;padding-right: 20px; display: grid;grid-template-columns: repeat(10, 1fr);grid-gap: 10px 3px;}
.skul ul li .img {width: 100%;height: 38px;}
.skul ul li .text {text-align: center;}
.skul ul li:hover,.skul ul li.hover {cursor: pointer;}
.skul ul li:hover .text small,.skul ul li.hover .text small {border-bottom: 1px solid var(--bs-red);color: var(--bs-red);}
.skul ul li img {display: block;width: 100%;height: 100%;object-fit: cover;}

@media (min-width:1400px) and (max-width:1700px) {
  .skul ul {height: 422px; grid-template-columns: repeat(8, 1fr);}
}
@media (min-width:1200px) and (max-width:1399px) {
  .skul ul {height: 278px; grid-template-columns: repeat(6, 1fr);}
  .skswiper .sehao {width: 120px;height: 60px;font-size: 80%;}
  .skfu .sehao {width: 120px;height: 60px;font-size: 80%;}
}
@media (min-width:992px) and (max-width:1199px) {
  .skul ul {height: auto;padding-right: 0;}
  .skswiper .sehao {width: 120px;height: 60px;font-size: 80%;}
  .skfu .sehao {width: 120px;height: 60px;font-size: 80%;}
}
@media (min-width:768px) and (max-width:991px) {
  .skul ul {height: auto;padding-right: 0;}
  .skswiper .sehao {width: 120px;height: 50px;font-size: 80%;}
  .skfu .sehao {width: 120px;height: 50px;font-size: 80%;}
}
@media (min-width:576px) and (max-width:767px) {
  .skul ul {height: auto;padding-right: 0;grid-template-columns: repeat(6, 1fr);}
  .skswiper .sehao {width: 120px;height: 50px;font-size: 80%;}
  .skfu .sehao {width: 120px;height: 50px;font-size: 80%;}
}
@media (max-width:575px) {
  .skul ul {height: auto;padding-right: 0;display:flex;flex-wrap:wrap;gap:10px 3px; }
  .skul ul li {flex: auto;flex-basis: auto;width: 16%;}
  .skul ul:after {content: "";display: block;width: 100%;}
  .skswiper .swiper-pagination-bullet {
    width: 6px;height: 6px;border-radius: 3px;
  }
  .skswiper .swiper-pagination-bullet-active {width: 20px;}
  .skswiper .sehao {width: 100px;height: 30px;font-size: 80%;}
  .skswiper .sehao .img {border-radius: 9px;overflow: hidden;}
  .skfu .sehao {width: 100px;height: 30px;font-size: 80%;}
  .skfu .sehao .img {border-radius: 9px;overflow: hidden;}
  .skfu .swiper-pagination-bullet {
    width: 6px;height: 6px;border-radius: 3px;
  }
  .skfu .swiper-pagination-bullet-active {width: 20px;}

}



/* 色卡体验 - 展示swiper ：开始 ------------------------------------------------------------------------------------------------------------ */


/*tag*/
.tagtitle {position: relative;}
.tagtitle h1 {line-height: 1.4;}
.tagtitle h1 span {color: var(--bs-red);}
.tagtitle:after {content: "";display: block;width: 100px;height: 3px;background-color: var(--bs-info);position: absolute;left: 0;bottom: 0;z-index: 1;}
@media (max-width:575px) {
  .tagtitle h1 {font-size: 1.125rem !important;}
  .tagtitle:after {width: 60px;}
}






/*友链*/
.youlian {width: 100%;border-top: 1px solid var(--bs-trfff02);}
.youlian ul {list-style: none;width: 100%;padding-left: 0;}
.youlian ul li {display: inline-block;width: auto;margin-right: 1rem;font-style: italic;}
@media (max-width:767px) {
  .youlian ul {display: none;}
  .youlian p {position: relative;}
  .youlian p:after {content: "+";display: block;width:21px;height: 21px;text-align: center;line-height: 21px;position: absolute;right: 0;top: 0;z-index: 1;font-style:normal;font-size: 1.125rem;}
}



/*专题页面部分*/


.zt-cp header {box-shadow: 0 0 0.5rem var(--bs-tr00006);}
.zt-bg {background-color: var(--bs-zt);}

.zt-topbox .topbody {padding-bottom:2rem;border-bottom: 2px dashed var(--bs-tr00005);}
.zt-conbox {width: 100%;}
.zt-tophead {width: 100%;display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.zt-tophead .l {flex-basis: 60%;}

.zt-tophead .l p {opacity: 0.6;font-size: 0.875rem;}

.zt-nav {width: 100%;}
.zt-nav ul {width: 100%;overflow: hidden;}
.zt-nav ul li {float: left;margin-right: 1.6rem;overflow: hidden;margin-top: 0.5rem;font-size: 0.875rem;}
.zt-nav ul li a {display: block;position: relative;z-index: 11;font-weight: bold;}
.zt-nav ul li a:after {
  content: "";
  display: block;
  width: 100%;height: 1rem;
  background-color: var(--bs-trsuccess03); 
  position: absolute;left: 0;bottom: -0.3rem;z-index: 1;
  border-radius: 0.5rem;
}



.zt-cp .bodytext h2:first-child {margin-top: 3rem !important;}
@media screen and (min-width:576px) and (max-width:767px) {
  .zt-cp .bodytext h2:first-child {margin-top: 2rem !important;}
}
@media (max-width:575px) {
  .zt-cp .bodytext h2:first-child {margin-top: 2rem !important;}
}



.zhuanti-list ul:after {content:".";display:block;height:0;width: 100%; clear:both;visibility:hidden;}
.zhuanti-list ul {display: flex;flex-wrap: wrap;gap: 0.3rem; width: 100%;*zoom:1;padding-left: 0 !important;}
.zhuanti-list ul li {
  flex-basis: auto;flex-grow: 1;flex-shrink: 1; 
  list-style: none;
  display: inline-block;
  padding:0 1rem;
  background-color:var(--bs-tr00001);
  font-size:1rem; 
  border: 1px solid var(--bs-tr00001);
  line-height: 2;
}
.zhuanti-list ul li a {color: var(--bs-red);}


.zt-art-top h1 {font-size: calc(1.3rem + .3vw);}
@media screen and (max-width:991px) {
  .zt-art-top h1 {font-size: 1.2rem;}
}
.zt-des {font-size: 0.875rem;}
/*.zt-des .zdbox {display: table;margin: 0 auto;}*/
.zt-des .zdbox > div {
  /*line-height: 43px;padding: 0 1rem;*/
  display: flex;flex-grow: 1;flex-shrink: 1;gap: 1rem;color: var(--bs-tr00005);
}
.zt-des span {
  display: inline-block;
}



@media screen and (min-width:768px) and (max-width:799px) {
  .zt-tophead .l {flex-basis: 100%;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .zt-tophead .l {flex-basis: 100%;}
}
@media (max-width:575px) {
  .zt-tophead .l {flex-basis: 100%;}
  .zt-nav ul li {margin-right: 1rem;}
  .zt-topbox .topbody {padding-bottom:1.5rem;}
  /*.zt-tophead,.zt-nav,.zt-conbox article,.zt-list {padding-left: 0.3rem;padding-right: 0.3rem;}*/

  #zt-tuji {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 1rem 0.5rem;}
  #zt-tuji > li {display: block;border-bottom: 0;padding: 0;}
  #zt-tuji > li .text .tit {font-size: 0.875rem;line-height: 1.2;margin-top: 0.5rem;}

}



.product-list-zt {display:grid;width: 100%;}
.product-list-zt > li {
  border: 1px solid var(--bs-tr00001);
  border-radius: 0.3rem;
  overflow:hidden;
  position: relative;
}
.product-list-zt > li > a {position: relative;}
.product-list-zt > li img {display: block;width: 100%;height: 100%;object-fit: cover;}

.product-list-zt > li .text {width: 100%;}
.product-list-zt > li .text .tit {font-size: 1rem;}
.product-list-zt > li .text .tit a {line-height: 1.5;}

@media (max-width:575px) {
  .product-list-zt {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 1rem 0.5rem;}
  .product-list-zt > li:first-child {padding-top: 0;}
  .product-list-zt > li:last-child {border-bottom: 0;}
  .product-list-zt > li {display: block;border-bottom: 0;padding: 0;border-radius:0;border-top: 0;border-left: 0;border-right: 0;}
  .product-list-zt > li > a {flex-basis: auto;width: 100%;height: auto;border-radius: 0;flex-grow: 0;flex-shrink: 0;overflow: hidden;}
  .product-list-zt > li .text {position: static;background-color: transparent;}
  .product-list-zt > li .text .tit {font-size: 0.875rem;line-height: 1.2;margin-top: 0.5rem;color: var(--bs-333);}
  .product-list-zt > li .text .tit a {line-height: 1.2;color: var(--bs-333);}
}



/*事业部封面样式*/
.syb-type .box {width: 100%;box-shadow: 0 0 0.5rem var(--bs-tr00003); border-radius: 0.3rem;overflow: hidden;margin-bottom: 1.5rem;}
.syb-type .box:last-child {margin-bottom: 0;}
.syb-type .box .l {background-color: var(--bs-trinfo06);}
.syb-type .box .r {width: 100%;}
.bumenxx .lb {width: 100%;height: 100%;}
.bumenxx .lb .ld {width: 100%;}
.bumenxx .h3 {border-bottom: 3px solid var(--bs-000);color: var(--bs-000);}

.bumenxx .jingli {width: 100%;}
.bumenxx .jingli p {padding-left: 38px;position: relative;margin-bottom:1.5rem;}
.bumenxx .jingli p:before {
  content: "";display: block;width: 24px;height: 24px;
  position: absolute;left: 0;top: -3px;z-index: 1;
  background-repeat: no-repeat;background-size: 70% auto;background-position: center;
  background-color: var(--bs-fff);box-shadow: 3px 3px 3px var(--bs-tr00006);
  border-radius: 12px;
}
.bumenxx .jingli p.people:before {background-image: url(../images/syb-people.png);}
.bumenxx .jingli p.tell:before {background-image: url(../images/syb-dianhua.png);}
.bumenxx .pltag {padding-left: 38px;position: relative;margin-bottom:1.5rem;}
.bumenxx .pltag:before {
  content: "";display: block;width: 24px;height: 24px;
  position: absolute;left: 0;top: -3px;z-index: 1;
  background-repeat: no-repeat;background-size: 70% auto;background-position: center;
  background-color: var(--bs-fff);box-shadow: 3px 3px 3px var(--bs-tr00006);
  border-radius: 12px;
  background-image: url(../images/syb-qianming.png);
}
.bumenxx .plma {padding-left: 1rem;}
.bumenxx .plma > div {width: 50%;}
.bumenxx .plma > div img {display: block;width: 100%;height: auto;box-shadow: -0.5rem -0.5rem 0 var(--bs-tr00001);}
.bumenxx .plma > div p {text-align: center;opacity: 0.6;font-size: 0.75rem;}

@media screen and (max-width:991px) {
  .bumenxx {border-bottom: 1px solid var(--bs-tr00001);}
}
@media screen and (min-width:768px) and (max-width:991px) {
  .bumenxx .lb .ld {position: relative;}
  .bumenxx .h3 {display: table;}
  .bumenxx .jingli p {display: inline-block;}
  .bumenxx .jingli p:first-child {margin-right: 1rem;}
  .bumenxx .pltag {display: table;margin-bottom: 0;max-width: 70%;}
  .bumenxx .plma {padding-left: 0;position: absolute;right: 0;bottom: 0;z-index: 1;}
  .bumenxx .plma > div {width: 90px;}
}
@media screen and (min-width:576px) and (max-width:767px) {
  .bumenxx .lb .ld {position: relative;}
  .bumenxx .h3 {display: table;}
  .bumenxx .jingli p {display: inline-block;}
  .bumenxx .jingli p:first-child {margin-right: 1rem;}
  .bumenxx .pltag {display: table;margin-bottom: 0;max-width: 70%;}
  .bumenxx .plma {padding-left: 0;position: absolute;right: 0;bottom: 0;z-index: 1;}
  .bumenxx .plma > div {width: 90px;}
}
@media (max-width:575px) {
  .syb-type .box {margin-bottom: 1rem;box-shadow:none;background-color: var(--bs-fff);}
  .bumenxx .lb .ld {position: relative;}
  .bumenxx .h3 {display: table;margin-right: auto;margin-left: auto;}
  .bumenxx .jingli {margin-bottom: 1rem;display: table;width: auto; margin-right: auto;margin-left: auto;}
  .bumenxx .jingli p {display: inline-block;padding-left: 26px;margin-bottom: 0;}
  .bumenxx .jingli p:before {width: 20px;height: 20px;border-radius: 10px;top: 0;}
  .bumenxx .jingli p:first-child {margin-right: 1rem;}
  .bumenxx .pltag {display: table;margin-bottom: 0;max-width: 100%;padding-left: 0;margin-right: auto;margin-left: auto;}
  .bumenxx .pltag:before {display: none;}
  .bumenxx .plma {display: none; padding-left: 0;position: absolute;right: 0;bottom: 0;z-index: 1;}
  .bumenxx .plma > div {width: 90px;}
}










/*电子画册部分*/
.cqhuace {background-color: var(--bs-dark);background-image: url(../images/huace-bg-d.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment:fixed; }
.cqhuace h1 {text-align: center;}
.hc-pc {width: 90%;}
.hc-pc-body {width: 100%;height: auto;}
.hc-pc-body img {display: block;margin: 0.5rem auto;padding: 0;width: auto;height: auto;max-width: 100%;border: 1px solid var(--bs-eee);}
.hc-pc .the-nav {position: fixed;top: 5vh;z-index: 1111;width: 260px; max-height: 80vh;overflow-y: scroll;background-color: var(--bs-white);}

.hc-pc .the-nav .list-group {background-color: transparent;}
.hc-pc .the-nav .list-group-item {background-color: transparent;border: 0 !important;}
.hc-pc .the-nav .list-group-item a {color: #212529;text-decoration: none;}
.hc-pc .the-nav .list-group-item a:hover {color: red;}
.hc-pc .the-nav .list-group-item span {font-weight: bold;color: #0081cd;}
.hc-pc .the-nav .list-group-item span a {color: #0081cd;}
.hc-pc .the-nav ul a {color: #212529;text-decoration: none;}
.hc-pc .the-nav ul a:hover {color: red;}

.hc-m .da,.hc-m .xiao {position: relative;overflow: hidden;}
.hc-m .xiao {padding-top: 1.5rem;}
.hc-m .xiao .yiye {padding: 0 0.6rem; }
.hc-m .swiper {
  width: 100%;
  height: 100%;
}

.hc-m .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hc-m .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hc-m .swiper-slide .yiye {position: relative;}


.hc-m .mySwiper {
  box-sizing: border-box;
  overflow: visible;
}
.hc-m .mySwiper .swiper-slide > * {
  position: relative;top:0;transition: top 0.5s;
}

.hc-m .mySwiper .swiper-slide.swiper-slide-thumb-active > * {
  top: -0.8rem;
}
.hc-m .da .swiper-lazy-preloader {}
.hc-m .xiao .swiper-lazy-preloader {width: 20px;height: 20px;margin: auto;margin-left: -10px;margin-top: -10px;
  border: 2px solid var(--swiper-preloader-color,var(--swiper-theme-color))
}

.hc-m {display: none;}

@media (max-width:1200px) {
  .cqhuace h1 {text-align: left;padding-left: 1.5rem;}
  .cqhuace {background-image: url(../images/huace-bg-m-d.jpg);}
  .hc-m {display: block;}
  .hc-pc {display: none;}
}


.term-next-nav ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.5rem 1rem;}